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. Paid for commercial applications. | 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 | 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 | 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 | BSD-3 | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | No | Yes | No | |||
Dojo Charting, part of Dojo Toolkit | BSD or AFL | Yes | Yes | No | Yes | Yes | Yes | No | No | No | No | No | No | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | ||||
FusionCharts | Proprietary | Free for personal and non-commercial uses. Paid for commercial applications. | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | Yes | No | |||||
Google Charts | Free | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | ||
Raphaël | MIT | Yes | Yes | No | Yes | No | Yes | No | No | No | No | No | No | Yes | Yes | No | No | Yes | Yes | Yes | No | No | Yes | No | No | ||||
Highcharts, Highstock | Proprietary | Free for personal and non-commercial uses. Paid for commercial applications. | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes | ||
jqxChart, part of JQWidgets | Proprietary | Free with a link or commercial | 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 | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | via Python | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | No | Yes | |||
RGraph | MIT | 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 | 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 | Yes | Yes | Yes | Yes | Yes | No | No | No | No | No | Yes | Yes | Yes | Yes | Yes | No | No | Yes | Yes | Yes | Yes | Yes | No | No | No | |||
Webix JS Charts, part of Webix | GPL | Yes | Yes | No | Yes | Yes | Yes | Yes | No | Yes | No | No | No | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes | Yes | No | Yes | Yes | No |
See also
References
"AnyChart - Education / Non-profit licensing". AnyChart. https://www.anychart.com/buy/non-commercial-license/ ↩
"Buy - AnyChart - JavaScript Charts designed to be embedded and integrated". AnyChart. http://www.anychart.com/buy/ ↩
"Chart.js - Documentation". www.chartjs.org. http://www.chartjs.org/docs/#notes-license ↩
"cytoscape/cytoscape.js". GitHub. https://github.com/cytoscape/cytoscape.js/blob/master/LICENSE ↩
Protovis is no longer under active development., retrieved April 8, 2014 https://mbostock.github.io/protovis/ ↩
For Protovis Users, archived from the original on August 6, 2012, retrieved April 8, 2014 https://web.archive.org/web/20120806072124/http://mbostock.github.com/d3/tutorial/protovis.html ↩
"d3/d3". GitHub. https://github.com/mbostock/d3/blob/master/LICENSE ↩
"networkD3". Christophergandrud.github.io. 2017-03-18. Retrieved 2018-07-20. https://christophergandrud.github.io/networkD3/ ↩
D3 helps you bring data to life using HTML, SVG and CSS., retrieved April 10, 2014 http://d3js.org/ ↩
"Dojo Toolkit". dojotoolkit.org. http://dojotoolkit.org/license ↩
As of Dojo 1.8, the following native vector graphics engine adaptations are implemented, retrieved April 10, 2014 http://dojotoolkit.org/reference-guide/1.9/dojox/gfx.html ↩
"Download FusionCharts Suite XT Personal License". www.fusioncharts.com. http://www.fusioncharts.com/download/free/ ↩
"Buy - FusionCharts". www.fusioncharts.com. http://www.fusioncharts.com/buy/ ↩
"Fusion Chart Product", www.fusioncharts.com, retrieved 27 July 2018 https://www.fusioncharts.com/charts/fusioncharts/ ↩
JavaScript (HTML5) Charts using SVG and VML, archived from the original on April 9, 2014, retrieved April 10, 2014 https://web.archive.org/web/20140409005305/http://www.fusioncharts.com/javascript-charting-comparison/ ↩
"Google Charts is a free service". https://developers.google.com/chart/interactive/support ↩
"Google Charts is a free service". https://developers.google.com/chart/interactive/support ↩
"Visualization: Pie Chart | Charts". https://developers.google.com/chart/interactive/docs/gallery/piechart#donut ↩
"Gantt Charts - Charts - Google Developers". Google Developers. https://developers.google.com/chart/interactive/docs/gallery/ganttchart ↩
"Gantt Charts". https://developers.google.com/chart/interactive/docs/gallery/ganttchart ↩
"Visualization: Column Chart | Charts". https://developers.google.com/chart/interactive/docs/gallery/columnchart#stacked-column-charts ↩
"Bar Charts". https://developers.google.com/chart/interactive/docs/gallery/barchart#stacked-bar-charts ↩
the 'bars' config helps creating bars of either horizontal or vertical https://developers.google.com/chart/interactive/docs/gallery/barchart#configuration-options ↩
use the 'select' event https://developers.google.com/chart/interactive/docs/events ↩
Charts are rendered using HTML5/SVG technology to provide cross-browser compatibility (including VML for older IE versions), retrieved August 19, 2018 https://developers.google.com/chart/interactive/docs/ ↩
Charts are rendered using HTML5/SVG technology to provide cross-browser compatibility (including VML for older IE versions), retrieved August 19, 2018 https://developers.google.com/chart/interactive/docs/ ↩
"Controls and Dashboards | Charts". https://developers.google.com/chart/interactive/docs/gallery/controls ↩
"The MIT License". Archived from the original on 2014-02-17. Retrieved 2014-04-07. https://web.archive.org/web/20140217223303/http://raphaeljs.com/license.html ↩
"What's the difference between Raphael and gRaphael?". Stack Overflow. https://stackoverflow.com/a/10209955/874824 ↩
"FAQ". shop.highsoft.com. https://shop.highsoft.com/faq#Non-Commercial-0 ↩
"FAQ". shop.highsoft.com. https://shop.highsoft.com/faq ↩
"3D column - Highcharts". www.highcharts.com. http://www.highcharts.com/demo/3d-column-interactive ↩
"Search | com.com". Jqwidgets.com.com. Retrieved 2018-07-20.[permanent dead link] https://www.jqwidgets.com.com/download/ ↩
"License - Javascript, HTML5, jQuery Widgets". www.jqwidgets.com. http://www.jqwidgets.com/license/ ↩
plotly is free and open source, available under the MIT license., retrieved November 17, 2015 https://github.com/plotly/plotly.js ↩
"Time Series". https://plot.ly/javascript/time-series/ ↩
"Network graph made with Python | line chart made by Priyatharsan | plotly". chart-studio.plotly.com. Retrieved 2021-08-05. https://chart-studio.plotly.com/~priyatharsan/182/network-graph-made-with-python/ ↩
Code inspection on several Plotly gallery examples revealed use of SVG., retrieved April 10, 2014 https://plot.ly/#gallery ↩
RGraph is Free and Open Source Software using the MIT license, retrieved December 23, 2016 http://www.rgraph.net/donate ↩
"Steema/TeeChartJS". GitHub. 20 May 2020. https://github.com/Steema/TeeChartJS/blob/master/LICENSE ↩
"almende/vis". GitHub. 22 September 2022. https://github.com/almende/vis/blob/master/README.md#license ↩
"Graph2d - Interpolation". visjs.org. Archived from the original on 2016-11-29. Retrieved 2017-01-31. https://web.archive.org/web/20161129220224/http://visjs.org/examples/graph2d/06_interpolation.html ↩
"Timeline - Background areas with groups". visjs.org. Archived from the original on 2016-12-24. Retrieved 2017-01-31. https://web.archive.org/web/20161224174258/http://visjs.org/examples/timeline/items/backgroundAreasWithGroups.html ↩
"Graph2d - Scatterplot". visjs.org. Archived from the original on 2016-11-20. Retrieved 2017-01-31. https://web.archive.org/web/20161120030926/http://visjs.org/examples/graph2d/18_scatterplot.html ↩
"Graph2d - Shading Example". visjs.org. Archived from the original on 2017-01-23. Retrieved 2017-01-31. https://web.archive.org/web/20170123111811/http://visjs.org/examples/graph2d/20_shading.html ↩
"Timeline - Nested Groups example". visjs.org. Archived from the original on 2017-02-23. Retrieved 2017-01-31. https://web.archive.org/web/20170223182700/http://visjs.org/examples/timeline/groups/nestedGroups.html ↩
"Network Examples". visjs.org. http://visjs.org/network_examples.html ↩
"Graph3d Examples". visjs.org. http://visjs.org/graph3d_examples.html ↩
"JavaScript Charts UI Widget - Webix JS Charts". webix.com. https://webix.com/widget/charts/ ↩
"Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com. https://docs.webix.com/desktop__chart_types.html#lineandsplinecharts ↩
"Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com. https://docs.webix.com/desktop__chart_types.html#scattercharts ↩
"Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com. https://docs.webix.com/desktop__chart_types.html#areaandstackedareacharts ↩
"Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com. https://docs.webix.com/desktop__chart_types.html#pie3dpiechartanddonutcharts ↩
"Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com. https://docs.webix.com/desktop__chart_types.html#pie3dpiechartanddonutcharts ↩
"Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com. https://docs.webix.com/desktop__chart_types.html#radarcharts ↩
"Grouping Data Items of Guides, Managing Data in a Component Webix Docs". docs.webix.com. https://docs.webix.com/desktop__grouping.html ↩
"Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com. https://docs.webix.com/desktop__chart_types.html#barbarhstackedbarandstackedbarhcharts ↩
"Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com. https://docs.webix.com/desktop__chart_types.html#barbarhstackedbarandstackedbarhcharts ↩
"Setting Legend for a Chart of UI Widgets, Chart Webix Docs". docs.webix.com. https://docs.webix.com/desktop__chart_legend.html ↩
"MouseEvents of API Reference, Mixins Webix Docs". docs.webix.com. https://docs.webix.com/api__refs__mouseevents.html ↩
"onClick of MouseEvents, Properties Webix Docs". docs.webix.com. http://docs.webix.com/api__mouseevents_onclick_config.html ↩