Humans are all visual animals. If they look good, I will use them. If they are too low, they will pass. Therefore, the front-end chart components have a position that cannot be ignored~ In JS programs, in order to achieve beautiful graphics, charts and data visualization, we choose Use open source libraries. Living in the era of data explosion, almost every application we develop uses or leverages data to improve user experience. To help you easily add beautiful data visualizations to your favorite apps
I recommend Echarts - Simple with Demo
reason:
1. Demo & API can be built locally, which solves many intranet users;
2. Soeasy to use
Number of stars: 30K
Baidu's Echarts project is a browser-based interactive charting and visualization library. It's written in pure JavaScript and based on the zrender canvas. It supports drawing diagrams in the form of canvas, SVG(4.0+) and VML. In addition to PC and mobile browsers, ECharts can also be used with node-canvas on node for efficient server-side rendering (SSR).
Here is the complete example library:
http://echarts.baidu.com/echarts2/doc/example.html
project address:
https://github.com/apache/incubator-echarts
Let's take a look at some of the hottest js icon libraries this year
1. D3js
Number of stars: 80K
Example: https://github.com/d3/d3/wiki/Gallery
Project address: https://github.com/d3/d3/
2.ChartJS
number of stars: 40K
Project address: https://cdnjs.com/libraries/Chart.js
3. ThreeJS
number of stars: 45K
Project address: https://github.com/mrdoob/three.js/
4.Highcharts (3 types, chart-stock chart-map)
Number of stars: 8K
project address:
https://github.com/highcharts/highcharts
5. Metric-Graphics
Number of stars: 7K
Example library: https://metricsgraphicsjs.org/examples.htm
Project address: https://github.com/metricsgraphics/metrics-graphics
6. Recharts
Project address: https://github.com/recharts/recharts
7.Raphael
Number of stars: 10K
Project address: https://github.com/DmitryBaranovskiy/raphael
8.C3js
Number of stars: 8K
Check out these examples: https://c3js.org/examples.html
Project address: https://github.com/c3js/c3
9. React Vis
Number of stars: 4K
Project address: https://github.com/uber/react-vis
10.React Virtualized
Number of stars: 12K
Project address: https://github.com/bvaughn/react-virtualized
11.Victory
number of stars: 6K+
Project address: https://github.com/FormidableLabs/victory
12. CartoDB
Number of stars: 2K
Project address: https://github.com/CartoDB/cartodb
13.Raw graphs
Number of stars: 5K
Example: https://rawgraphs.io/gallery/
Project address: https://github.com/densitydesign/raw
14. Metabase
number of stars: 11K+
Project address: https://github.com/metabase/metabase
15. tau Charts
Number of stars: 2K
Project address: https://github.com/TargetProcess/tauCharts
Summary: In my opinion, there is no best, only the most suitable, simple to use