Comparison of JavaScript charting libraries
Appearance
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 | ||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Line | Timeline | Scatter | Area | Pie | Donut | Bullet | Radar | Funnel | Gantt | Network | Grouped | Mind Mapping | Stacked | Negative | Discrete | Horizontal | 3D | Legends | Animation | Mouse Over | onClick | HTML5 Canvas | SVG | VML | AxisXY | WebGL rendering | |||
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 | ||||
Highcharts, Highstock | Proprietary | Free for personal and non-commercial uses.[28] Paid for commercial applications.[29] | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes[30] | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes | ||
jqxChart, part of JQWidgets | Proprietary | Free with a link [31] or commercial[32] | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | No | Yes | Yes | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes | Yes | Yes | No | |||
plotly.js | MIT[33] | Yes | Yes | Yes[34] | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | via Python[35] | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes[36] | No | Yes | |||
RGraph | MIT[37] | 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[38] | 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 | |||
VisJS - used in d3-graphviz | Apache 2.0 and MIT[39] | Yes | Yes[40] | Yes[41] | Yes[42] | Yes[43] | No | No | No | No | No | Yes[44] | Yes[45] | Yes | Yes | Yes | No | No | Yes[46] | Yes | Yes | Yes | Yes | No | No | No | |||
Webix JS Charts, part of Webix | GPL[47] | Yes | Yes[48] | No | Yes[49] | Yes[50] | Yes[51] | Yes[51] | No | Yes[52] | No | No | No | Yes[53] | Yes[54] | Yes | No | Yes[54] | Yes [55] | Yes [56] | Yes [57] | Yes | No | Yes | Yes | No
|
See also
[edit]References
[edit]- ^ "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.
- ^ "FAQ". shop.highsoft.com.
- ^ "FAQ". shop.highsoft.com.
- ^ "3D column - Highcharts". www.highcharts.com.
- ^ "Search | com.com". Jqwidgets.com.com. Retrieved 2018-07-20.[permanent dead link ]
- ^ "License - Javascript, HTML5, jQuery Widgets". www.jqwidgets.com.
- ^ 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.
- ^ "almende/vis". GitHub. 22 September 2022.
- ^ "Graph2d - Interpolation". visjs.org. Archived from the original on 2016-11-29. Retrieved 2017-01-31.
- ^ "Timeline - Background areas with groups". visjs.org. Archived from the original on 2016-12-24. Retrieved 2017-01-31.
- ^ "Graph2d - Scatterplot". visjs.org. Archived from the original on 2016-11-20. Retrieved 2017-01-31.
- ^ "Graph2d - Shading Example". visjs.org. Archived from the original on 2017-01-23. Retrieved 2017-01-31.
- ^ "Timeline - Nested Groups example". visjs.org. Archived from the original on 2017-02-23. Retrieved 2017-01-31.
- ^ "Network Examples". visjs.org.
- ^ "Graph3d Examples". visjs.org.
- ^ "JavaScript Charts UI Widget - Webix JS Charts". webix.com.
- ^ "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
- ^ "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
- ^ "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
- ^ a b "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
- ^ "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
- ^ "Grouping Data Items of Guides, Managing Data in a Component Webix Docs". docs.webix.com.
- ^ a b "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
- ^ "Setting Legend for a Chart of UI Widgets, Chart Webix Docs". docs.webix.com.
- ^ "MouseEvents of API Reference, Mixins Webix Docs". docs.webix.com.
- ^ "onClick of MouseEvents, Properties Webix Docs". docs.webix.com.