Comparison of JavaScript charting libraries
Appearance
This article has multiple issues. Please help improve it or discuss these issues on the talk page. (Learn how and when to remove these messages)
|
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
|
|||||||||||||||||||
| 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 (2024), plotly is free and open source, available under the MIT license., doi:10.5281/zenodo.13964707, 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.