Vomiting blood: JavaScript visualization library you deserve to know (Collection)

This article is a collection and sharing article of development tools (libraries). I would like to share with you the following JavaScript visualization libraries to improve development efficiency and make your projects more vivid and attractive. I hope it will be helpful to everyone!

Data Visualization Recommendation of data visualization tools

It is very feasible to build a company-level visualization library/tool ​​from scratch within the R&D team Low (whether it is cost or ability, etc...), in summary, today I recommend some existing tools in the web direction (including implementation outlines, technical directions) for your reference.

All the following links are source code repositories.

Like and Collect No more worries about finding libraries for data visualization.

• d3 - JavaScript visualization library for HTML and SVG. [Related recommendations: javascript learning tutorial】

• ##metrics-graphics - is a library built on top of D3, optimized for the visualization and layout of time series data.

##three.js
• - JavaScript 3D library.

Chart.js
• - Simple HTML5 chart using Canvas

##paper.js

- Vector Graphics – Scriptographer ported to JavaScript and browsers using HTML5 Canvas

fabric.js

- JavaScript Canvas library Also provides SVG to Cnanvas (Canvas to SVG) parser.

##raphael

- JavaScript vector graphics library.

##echarts - javascript provides a rich chart and visualization library.

sigma.js -

JavaScript library dedicated to graphics drawing Version1:canvas svg Version2: Webgl canvas

visjs - Multiple libraries for dynamic, browser-based data visualization. (The screenshot below is network)

two.js - A renderer-independent web two-dimensional drawing API.

• • dc.js - Multidimensional charts are js built for working natively with cross filters rendered by d3

  

  • flot - JavaScript charts based on jQuery.

  

  • ##nvd3 - for d3 Build reusable charts and chart components js.

  

  ##svg.js
  • - for manipulating and animating SVG lightweight library.

  

  ##dimple.js
  - Simple business analysis chart supported by d3.

  

  chartist-js
  - Simple responsive chart.

  ##epoch

  - Universal real-time charting library.

  c3

  - A reusable charting library based on D3.

  BabylonJS

  - A framework for building 3D games with HTML5 and WebGL.

  recharts

  - Recharts library redefined using React and D3.

  

  GraphicsJS
  - A lightweight JavaScript graphics library based on SVG/VML technology with an intuitive API .

  G2

  - is a set of visualization underlying engines based on graphical grammar theory, oriented to conventional statistical charts ,Visual graph grammar.

  ##G2Plot - A simple, easy-to-use statistical chart library with certain expansion and combination capabilities

  ##Cytoscape.js

  - A fully functional graph theory library.

  • • cola.js - library for arranging your HTML5 documents and diagrams using constraint-based optimization techniques

    

    • jointjs - Charting library for creating static charts or fully interactive charting tools. (Includes free and/paid versions)

    

    • ##vizzu - Library for animated data visualization and data storytelling.

    

    -------------------------------- ----Network problems without screenshots------------------------------------------ ---

    • mxGraph - Charting library that enables interactive graph and chart applications to be created quickly and in any major browser supported by its vendor Runs natively.

    • Frappe Charts - GitHub-inspired simple and modern SVG charts for the web with zero dependencies.

    • Frappe Gantt - A simple, interactive, modern gantt chart library for the web.

    • ##heatmap.js

      - Based on HTML5 canvas Heatmap JavaScript library.

    • jquery.sparkline

      - A plugin for the jQuery JavaScript library for generating small mini charts directly in the browser.

    • d3-cloud

      - Create word clouds in JavaScript.

    Some other paid products
    amchart: https: //www.amcharts.com/

    anychart：https://www.anychart.com/

    plotly：https://plotly.com/

    highchart, ：https://www.highcharts.com/

    lightning chart：https://www.arction.com/lightningchart-js/

    【Related video tutorial recommendations:

    webfrontend

    】

The above is the detailed content of Vomiting blood: JavaScript visualization library you deserve to know (Collection). For more information, please follow other related articles on the PHP Chinese website!