Comparison of JavaScript charting libraries
There are different JavaScript charting libraries available. Below is a comparison of which features are available in each.
Library Name | License | Free | Supported Chart Types | Supported Bar Chart Types | Other Features | Interactivity | Rendering Technologies | Databinding
|
HTML 5 Canvas
| ||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Timeline
|
Grouped
|
Mind Mapping
|
Stacked
|
Negative
|
Discrete
|
Horizontal
|
3D
|
Animation
|
Mouse Over
|
onClick
|
AxisXY
|
||||||||||||||||||
AnyChart | Proprietary | Free for education and non-profit use.[1] Paid for commercial applications.[2] | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | Yes | Yes | No | ||
Chart.js | MIT[3] | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | No | No | No | |||
Cytoscape.js | MIT[4] | Yes | No | No | No | No | No | No | No | No | No | No | Yes | No | No | No | No | No | No | Yes | Yes | Yes | No | No | Yes | No | |||
D3.js, formerly Protovis[5][6] | BSD-3[7] | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes[8] | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes[9] | No | Yes | No | |||
Dojo Charting, part of Dojo Toolkit | BSD or AFL[10] | Yes | Yes | No | Yes | Yes | Yes | No | No | No | No | No | No | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes[11] | No | ||||
FusionCharts | Proprietary | Free for personal and non-commercial uses.[12] Paid for commercial applications.[13] | Yes [14] | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | Yes[15] | No | |||||
Google Charts | Free[16] | Yes[16] | Yes | Yes | Yes | Yes | Yes | Yes[17] | No | No | Yes[18] | Yes[19] | Yes | Yes | Yes[20] | Yes[21] | Yes | Yes[22] | Yes | Yes | Yes | Yes[23] | Yes | Yes[24] | Yes[24] | Yes[25] | No | ||
Raphaël | MIT[26] | Yes | Yes | No | Yes | No | Yes | No | No | No | No | No | No | Yes | Yes | No | No | Yes | Yes | Yes | No | No | Yes[27] | No | No | ||||
plotly.js | MIT[28] | Yes | Yes | Yes[29] | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | via Python[30] | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes[31] | No | Yes | |||
RGraph | MIT[32] | Yes | Yes | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | No | |||
TeeChart JS | MIT[33] | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes |
See also
References
- ^ "AnyChart - Education / Non-profit licensing". AnyChart.
- ^ "Buy - AnyChart - JavaScript Charts designed to be embedded and integrated". AnyChart.
- ^ "Chart.js - Documentation". www.chartjs.org.
- ^ "cytoscape/cytoscape.js". GitHub.
- ^ Protovis is no longer under active development., retrieved April 8, 2014
- ^ For Protovis Users, archived from the original on August 6, 2012, retrieved April 8, 2014
- ^ "d3/d3". GitHub.
- ^ "networkD3". Christophergandrud.github.io. 2017-03-18. Retrieved 2018-07-20.
- ^ D3 helps you bring data to life using HTML, SVG and CSS., retrieved April 10, 2014
- ^ "Dojo Toolkit". dojotoolkit.org.
- ^ As of Dojo 1.8, the following native vector graphics engine adaptations are implemented, retrieved April 10, 2014
- ^ "Download FusionCharts Suite XT Personal License". www.fusioncharts.com.
- ^ "Buy - FusionCharts". www.fusioncharts.com.
- ^ "Fusion Chart Product", www.fusioncharts.com, retrieved 27 July 2018
- ^ JavaScript (HTML5) Charts using SVG and VML, archived from the original on April 9, 2014, retrieved April 10, 2014
- ^ a b "Google Charts is a free service".
- ^ "Visualization: Pie Chart | Charts".
- ^ "Gantt Charts - Charts - Google Developers". Google Developers.
- ^ "Gantt Charts".
- ^ "Visualization: Column Chart | Charts".
- ^ "Bar Charts".
- ^ the 'bars' config helps creating bars of either horizontal or vertical
- ^ use the 'select' event
- ^ a b Charts are rendered using HTML5/SVG technology to provide cross-browser compatibility (including VML for older IE versions), retrieved August 19, 2018
- ^ "Controls and Dashboards | Charts".
- ^ "The MIT License". Archived from the original on 2014-02-17. Retrieved 2014-04-07.
- ^ "What's the difference between Raphael and gRaphael?". Stack Overflow.
- ^ plotly is free and open source, available under the MIT license., retrieved November 17, 2015
- ^ "Time Series".
- ^ "Network graph made with Python | line chart made by Priyatharsan | plotly". chart-studio.plotly.com. Retrieved 2021-08-05.
- ^ Code inspection on several Plotly gallery examples revealed use of SVG., retrieved April 10, 2014
- ^ RGraph is Free and Open Source Software using the MIT license, retrieved December 23, 2016
- ^ "Steema/TeeChartJS". GitHub. 20 May 2020.