JavaScript Graphics Library

Do the front-end without drawing, HTML5 Canva is very powerful, but if all the needs of their own drawings, I am afraid will be leader fired off. Record a few of my used and 3D JS Graphics library, a variety of features. I will not be divided into 2D and, because WebGL front-end data visualization is a very hot direction, development trend, but also a lot of graphics library development goals.

1.echarts: Baidu Open-source features a lot of graphics library. A look at the demo will know its function. Http://echarts.baidu.com/examples.html. Can satisfy the basic two-dimensional data chart drawing, is simple and convenient.

2.ECHARTS-GL: Baidu Open Source features a lot of GL (3D) graphics library. The demo. Http://echarts.baidu.com/examples.html. Can satisfy the basic two-dimensional data chart drawing, is simple and convenient. Http://gallery.echartsjs.com/explore.html#tags=echarts-gl~sort=rank~timeframe=all~author=all. Draw a globe, 3D Baidu Map and so on, very useful. You can also combine the Web Audiocontext, combined with audio data, to make a cool effect.

3.Threejs : An open source web 3D tool, also open source Threejs editor, is a simplified version of the modeling tool. Threejs Example https://threejs.org/, Threejs Editor Example: http://mrdoob.com/

You can also simulate the molecular model, of course, you can think of the 3D model, Threejs almost can do. But Threejs's interactive function is not perfect.

4.d3.js: https://d3js.org/, more inclined to draw two-bit data graph, is a very powerful tool for user-defined structure.

5.mapbox.js, can create a variety of custom maps, two-dimensional world map, provincial and municipal maps can be drawn successfully. https://www.mapbox.com/maps/

6.mapbox-gl.js, is 3D map drawing, the interaction between data and behavior is done very well, in fact Echarts-gl and. MAPBOX-GL combination can make a more cool effect, see the details:./http gallery.echartsjs.com/editor.html?c=xrjhcfsfe-.

7. cytoscape.js http://js.cytoscape.org/, it is very suitable to draw two-dimensional social node diagram, neural network node diagram, anyway, related to the diagram of the node can try this graph library, of course, this library has other advantages ha, The dynamic interaction between the nodes is great.

8.Amcharts, a part of the open Source tool, you can draw two-dimensional line chart, histogram, pie chart, map, Stock trend chart, instrument chart, and of course, can also draw three-dimensional pie chart, histogram and so on. But non-open source, the icon above will have a watermark, tools useful. https://www.amcharts.com/demos/

9.Highcharts, a lot of functions, to meet the basic needs of data display, domestic use a lot.

Graphicsjs : http://www.graphicsjs.org/, not much to say, you can crossing the net to understand.

11. Ali's G2 allows users to build countless charts with simple syntax, and integrates a large number of statistical tools to support multiple coordinate system drawing, allowing users to freely customize the chart, which is a powerful visualization tool for the big data age. You can also look at Ali's Datav data visualization, seemingly paid.

raphael.js : https://dmitrybaranovskiy.github.io/raphael/

babylonjs: Microsoft plus 3D graphics engine tools, but typescript write, very useful. The modeling effect is realistic. http://www.babylonjs.com/

Stardust, https://stardustjs.github.io/, CPU-based visual graphics library.

15. Other libraries:okaycharts,fusioncharts,xcharts,Flotr,rgraph, Ichartjs, Chartjs, rickshaw, Jqplot, RGraph, digraphs, canvasxpress, Graphael, Awesome Chart JS, we can look at this article: http://blog.csdn.net/github_36111469/article/ details/53345664 of course, I haven't used any of these other libraries.

JavaScript Graphics Library