Comparison of JavaScript charting frameworks
There are different JavaScript charting frameworks available. Below is a comparison of which features are available in each.
Framework Name | Supported Chart Types | Supported Bar Chart Types | License | Other Features | Interactivity | Rendering Technologies | Databinding | ||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Line | Timeline | Scatter | Area | Pie | Donut | Bullet | Radar | Funnel | Gantt | Network | Grouped | Stacked | Negative | Discrete | Horizontal | 3D | License | Legends | Mouse Over | onClick | HTML5 Canvas | SVG | VML | AxisXY | |
Echarts | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | No | Yes | Yes | Yes | No | Yes | Yes | BSD-3[1] | Yes | Yes | Yes | Yes | No | No | Yes |
amCharts | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes | Yes | Yes | Free with a link [2] or commercial[3] | Yes | Yes | Yes | No | Yes[4] | Yes | |
AnyChart | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes | Yes | Proprietary[5] | Yes | Yes | Yes | No | Yes | Yes | Yes | |
C3.js | Yes | Yes | Yes | Yes | Yes | Yes | No | No | No | No | No | Yes | Yes | Yes | Yes | Yes | MIT[6] | Yes | Yes | Yes | No | Yes | No | Yes | |
CanvasJS | Yes | Yes | Yes | Yes | Yes | Yes | No | No | No | No | No | No | Yes | Yes | Yes | Yes | CC BY-NC 3.0 or commercial[7] | Yes | Yes | Yes | Yes[8] | No | No | ||
canvasXpress | Yes | No | Yes | Yes | Yes | No | No | No | No | No | Yes | Yes | Yes | No | No | Yes | GPLv3, name/email required for source link[9] | Yes | Yes | Yes | Yes[10] | No | Yes[11] | ||
Chartist | Yes | No | Yes | Yes | Yes | Yes | No | No | No | No | No | Yes | Yes | Yes | Yes | Yes | WTFPL[12] or MIT[13] | No | Yes | Yes | No | Yes | No | ||
Chart.js | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | No | No | No | Yes | Yes | Yes | Yes | Yes | MIT[14] | Yes | Yes | Yes | Yes | No | No | No | |
Chart Builder By Livegap | Yes | No | No | Yes | Yes | Yes | No | Yes | No | No | No | No | Yes | Yes | No | Yes | Free | Yes | Yes | Yes | Yes | No[15] | No | ||
Charts 4 PHP | Yes | No | No | Yes | Yes | Yes | No | No | No | No | No | No | Yes | No | No | Yes | Free basic edition[16] | Yes | Yes | Yes | Yes | No | No | ||
Cytoscape.js | No | No | No | No | No | No | No | No | No | No | Yes | No | No | No | No | No | MIT[17] | No | Yes | Yes | Yes | No | No | Yes | |
D3.js, formerly Protovis[18][19] | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes[20] | Yes | Yes | Yes | Yes | Yes | BSD-3[21] | Yes | Yes | Yes | Yes | Yes[22] | No | Yes | |
dc | Yes | No | Yes | Yes | Yes | Yes | Yes | No | No | No | No | Yes | Yes | No | No | No | Apache 2.0[23] | No | Yes | Yes | No | Yes[24] | No | ||
DevExtreme | Yes[25] | No | Yes[26] | Yes[27] | Yes[28] | Yes[29] | Yes[30] | Yes[31] | No | No | No | Yes[32] | Yes[33] | Yes | Yes[34] | Yes | Non-commercial or commercial[35] | Yes | Yes[36] | Yes | No | Yes | No | ||
DHTMLX Charts | Yes | No | Yes | Yes | Yes | Yes | No | Yes | No | Yes[37] | No | Yes | Yes | Yes | No | Yes | GPL or Commercial[38] | Yes | Yes | Yes | Yes | No | Yes | ||
dimple | Yes | No | Yes | Yes | Yes | Yes | No | No | No | No | No | Yes | Yes | Yes | Yes | Yes | MIT[39] | Yes | Yes | Yes | No | Yes | No | Yes | |
Dojo Charting | Yes | No | Yes | Yes | Yes | No | No | No | No | No | No | Yes | Yes | Yes | No | Yes | BSD or AFL[40] | Yes | Yes | Yes | Yes | Yes | Yes[41] | ||
Dygraphs | Yes | Yes | No | Yes | No | No | No | No | No | No | No | Yes | Yes | Yes | Yes | Yes | MIT[42] | Yes | Yes | Yes | Yes | No | No | ||
Factmint Charts | Yes[43] | No | Yes[44] | Yes[45] | Yes[46] | Yes[47] | No | No | No | No | No | No | No | Yes[48] | Yes[49] | Yes[50] | Non-commercial or commercial [51] | Yes | Yes | Yes | No | Yes | No | ||
Flot Charts | Yes | Yes | Yes | Yes | Yes | Yes | No | No | No | No | No | No | Yes | No | No | No | MIT[52] | Yes | Yes | Yes | Yes[53] | No | No | ||
FusionCharts | Yes | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Free for personal and non-commercial uses.[54] Paid for commercial applications.[55] | Yes | Yes | Yes | No | Yes | Yes[56] | ||
Flotr2 | Yes | No | Yes | No | Yes | No | No | Yes | No | No | No | Yes | Yes | Yes | No | Yes | MIT[57] | Yes | Yes | Yes | Yes[58] | No | No | ||
Google Charts | Yes | Yes | Yes | Yes | Yes | Yes | No | No | No | Yes[59] | No | Yes | Yes | No | No | Yes | Google controls API, code samples Apache 2.0[60] | Yes | Yes | Yes | No | Yes | Yes[61] | ||
gRaphael | Yes | No | Yes | No | Yes | No | No | No | No | No | No | Yes | Yes | No | No | Yes | MIT[62] | Yes | Yes | No | No | Yes[63] | No | ||
Highcharts, Highstock | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | Yes | No | No | Yes | Yes | Yes | Yes | Yes | Yes[64] | Non-commercial or commercial[65] | Yes | Yes | Yes | No | Yes | Yes | |
JenScript | Yes | Yes | Yes | Yes | Yes | Yes | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | BSD-3[66] | Yes | Yes | Yes | No[67] | Yes | No | Yes | |
jqPlot | Yes | No | Yes | Yes | Yes | Yes | No | No | No | No | No | Yes | Yes | Yes | No | Yes | MIT or GPLv2[68] | Yes | Yes | Yes | Yes[69] | No | No | ||
KoolChart | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | No | No | No | Yes | Yes | Yes | Yes | Yes | Free (with a watermark) [70] or commercial[71] | Yes | Yes | Yes | Yes[72] | No | Yes | Yes | |
MetricsGraphics | Yes | No | Yes | Yes | No | No | No | No | No | No | No | Yes | Yes | No | Yes | Yes | Mozilla Public License Version 2.0[73] | Yes | Yes | Yes | No | Yes | Yes | ||
NextCharts | Yes | No | No | Yes | Yes | No | No | No | No | No | No | Yes | Yes | Yes | Yes | Yes | Apache 2.0[74] | Yes | Yes | Yes | Yes | No | No | Yes | |
NVD3 | Yes | No | Yes | Yes | Yes | Yes | Yes | No | No | No | No | Yes | Yes | Yes | Yes | Yes | Apache 2.0[75] | Yes | Yes | Yes | No | Yes[76] | No | ||
OLAPCharts | Yes | No | Yes | Yes | Yes | Yes | Yes | Yes | No | No | No | Yes | Yes | Yes | Yes | Yes | Free basic edition[77] | Yes | Yes | Yes | Yes | No | No | ||
plotly.js | Yes | No | Yes | Yes | Yes | Yes | No | Yes | No | No | No | Yes | Yes | Yes | Yes | Yes | MIT[78] | Yes | Yes | Yes | No | Yes[79] | No | ||
PlusCharts | Yes | No | No | Yes | Yes | No | No | No | No | No | No | Yes | Yes | No | No | Yes | Free | Yes | Yes | Yes | No | Yes | Yes | ||
RGraph | Yes | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | Yes | Yes | No | Yes | MIT[80] | Yes | Yes | Yes | Yes | Yes | No | ||
rickshaw | Yes | No | Yes | Yes | No | No | No | No | No | No | No | Yes | Yes | No | No | No | MIT[81] | Yes | Yes | No | No | Yes[82] | No | ||
Shield UI | Yes | No | Yes | Yes | Yes | Yes | No | Yes | No | No | No | Yes | Yes | Yes | Yes | Yes | Non-commercial or commercial[83] | Yes | Yes | Yes | No | Yes | Yes[84] | ||
Syncfusion | Yes | Yes | Yes | Yes | Yes | Yes | Yes[85] | Yes | Yes | Yes[86] | No | Yes | Yes | Yes | Yes | Yes | Free[87] or commercial[88] | Yes | Yes | Yes | Yes | Yes | Yes | Yes | |
TeeChart for Javascript | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | No | Yes | No | Yes | Yes | Yes | Yes | Yes | Non-commercial or commercial[89] | Yes | Yes | Yes | Yes | No | No | ||
Vaadin Charts | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | Yes | No | No | Yes | Yes | Yes | Yes | Yes | Commercial[90] | Yes | Yes | Yes | No | Yes | Yes | ||
VanCharts | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | No | Yes | Yes | Yes | Yes | Yes | cc-by-nc 4.0 [91] or commercial [92] | Yes | Yes | Yes | Yes | No | Yes | ||
VisJS | Yes[93] | Yes[94] | Yes[95] | Yes[96] | No | No | No | No | No | Yes[97] | Yes[98] | Yes | Yes | Yes | No | No | Yes[99] | Apache 2.0 and MIT[100] | Yes | Yes | Yes | Yes | No | No | |
Webcharts | Yes | Yes | Yes | No | No | No | Yes | No | No | No | No | Yes | Yes | No | No | Yes | MIT[101] | Yes | Yes | Yes | No | Yes | No | ||
Webix UI | Yes[102] | No | Yes[103] | Yes[104] | Yes[105] | Yes[106] | No | Yes[107] | No | No | No | Yes[108] | Yes[109] | Yes | No | Yes[110] | GPL or Commercial [111] | Yes [112] | Yes [113] | Yes [114] | Yes | No | Yes | Yes | |
xcharts | Yes | No | No | No | No | No | No | No | No | No | No | Yes | No | No | No | No | MIT[115] | No | Yes | Yes | No | Yes[116] | No | ||
YUI Charts | Yes | No | No | Yes | Yes | No | No | No | No | No | No | Yes | Yes | No | No | No | BSD-3[117] | Yes | Yes | No | Yes | Yes | Yes[118] | ||
ZingChart | Yes | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes | Yes | Yes | Free with a link [119] or commercial[120] | Yes | Yes | Yes | Yes | Yes | Yes[121] | Yes | |
ZoomCharts | Yes | Yes | Yes | Yes | Yes | Yes | No | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Non-commercial or commercial[122] | Yes | Yes | Yes | Yes[123] | No | Yes | ||
Framework Name | Line | Timeline | Scatter | Area | Pie | Donut | Bullet | Radar | Funnel | Gantt | Network | Grouped | Stacked | Negative | Discrete | Horizontal | 3D | License | Legends | Mouse Over | onClick | HTML5 Canvas | SVG | VML | AxisXY |
Supported Chart Types | Supported Bar Chart Types | License | Other Features | Interactivity | Rendering Technologies | Databinding | |||||||||||||||||||
See also
- Factors to consider while choosing a JavaScript charting library
- 50 JavaScript Libraries for Charts and Graphs
- Collaborative Comparison of JavaScript Graph and Chart Libraries
- Comparison of online interactive charts
- How to evaluate and select a JavaScript charting library
Notes
- ↑ https://github.com/mbostock/d3/blob/master/LICENSE
- ↑ http://www.amcharts.com/download/
- ↑ http://www.amcharts.com/online-store/licenses-explained/
- ↑ We use SVG (Scalable Vector Graphics) to render the charts., retrieved April 10, 2014
- ↑ http://www.anychart.com/buy/
- ↑ http://c3js.org/
- ↑ http://canvasjs.com/license-canvasjs/
- ↑ HTML5 Canvas based on code inspection, retrieved April 10, 2014
- ↑ http://canvasxpress.org/download.html
- ↑ HTML5 Canvas based on code inspection, retrieved April 10, 2014
- ↑ VML fallback for IE, retrieved April 10, 2014
- ↑ https://github.com/gionkunz/chartist-js/blob/develop/LICENSE-WTFPL
- ↑ https://github.com/gionkunz/chartist-js/blob/develop/LICENSE-MIT
- ↑ http://www.chartjs.org/docs/#notes-license
- ↑ Using ... SVG, xCharts are designed to be dynamic..., retrieved April 8, 2014
- ↑ http://www.chartphp.com/download/
- ↑ https://github.com/cytoscape/cytoscape.js/blob/master/LICENSE
- ↑ Protovis is no longer under active development., retrieved April 8, 2014
- ↑ For Protovis Users, retrieved April 8, 2014
- ↑ https://christophergandrud.github.io/networkD3/
- ↑ https://github.com/mbostock/d3/blob/master/LICENSE
- ↑ D3 helps you bring data to life using HTML, SVG and CSS., retrieved April 10, 2014
- ↑ https://github.com/dc-js/dc.js/blob/master/LICENSE
- ↑ It leverages d3 engine to render charts in css friendly svg format., retrieved April 10, 2014
- ↑ Line Chart Demo
- ↑ Scatter Chart Demo
- ↑ Area Chart Demo
- ↑ Pie Chart Demo
- ↑ Donut Chart Demo
- ↑ Bullet Chart Demo
- ↑ Radar Chart Demo
- ↑ http://js.devexpress.com/Demos/WidgetsGallery/#demo/charts-pie_series-pie_with_small_values_grouped
- ↑ http://js.devexpress.com/Demos/WidgetsGallery/#demo/charts-bar_series-full_stacked_bar
- ↑ http://js.devexpress.com/Demos/WidgetsGallery/#demo/charts-advanced_features-discrete_axis_zooming_and_scrolling
- ↑ DevExtreme Licensing FAQ
- ↑ http://js.devexpress.com/Demos/WidgetsGallery/#demo/charts-advanced_features-tooltip_html_support
- ↑ http://www.dhtmlx.com/docs/products/dhtmlxGantt/index.shtml
- ↑ http://www.dhtmlx.com/docs/products/dhtmlxChart/index.shtml#licenses
- ↑ https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt
- ↑ http://dojotoolkit.org/license
- ↑ As of Dojo 1.8, the following native vector graphics engine adaptations are implemented:, retrieved April 10, 2014
- ↑ http://dygraphs.com/legal.html
- ↑ http://factmint.com/documentation/line-chart/
- ↑ http://factmint.com/documentation/scatter-graph/
- ↑ http://factmint.com/documentation/stacked-area-chart/
- ↑ http://factmint.com/documentation/pie-chart/
- ↑ http://factmint.com/documentation/doughnut-chart/
- ↑ http://factmint.com/documentation/column-bar-chart/
- ↑ http://factmint.com/documentation/column-bar-chart/
- ↑ http://factmint.com/documentation/column-bar-chart/
- ↑ http://www.factmint.com/charts/
- ↑ https://github.com/flot/flot/blob/master/LICENSE.txt
- ↑ HTML5 Canvas based on front page example code inspection, retrieved April 10, 2014
- ↑ http://www.fusioncharts.com/download/free/
- ↑ http://www.fusioncharts.com/buy/
- ↑ JavaScript (HTML5) Charts using SVG and VML, retrieved April 10, 2014
- ↑ https://github.com/HumbleSoftware/Flotr2/blob/master/LICENSE
- ↑ HTML5 Canvas based on code inspection, retrieved April 10, 2014
- ↑ https://developers.google.com/chart/interactive/docs/gallery/ganttchart
- ↑ https://developers.google.com/chart/terms
- ↑ Charts are rendered using HTML5/SVG technology to provide cross-browser compatibility (including VML for older IE versions), retrieved April 10, 2014
- ↑ http://raphaeljs.com/license.html
- ↑ https://stackoverflow.com/a/10209955/874824
- ↑ http://www.highcharts.com/demo/3d-column-interactive
- ↑ http://shop.highsoft.com/
- ↑ https://github.com/sjanaud/jenscript/blob/master/LICENSE
- ↑ JenScript Javascript HTML5/SVG Charts Framework., retrieved January 31, 2015
- ↑ https://bitbucket.org/cleonello/jqplot/raw/e8af8a37f0f14ea1e8c630ecfe6f1b1933794036/copyright.txt
- ↑ Code inspection on several jqPlot examples revealed use of HTML5 Canvas., retrieved April 10, 2014
- ↑ http://www.koolchart.com/download/
- ↑ http://www.koolchart.com/buy/
- ↑ KoolChart is a pure JavaScript charting library, which is implemented using HTML5 Canvas., retrieved November 5, 2014
- ↑ https://www.mozilla.org/MPL/2.0/
- ↑ https://github.com/nextreports/nextcharts/blob/master/LICENSE
- ↑ https://github.com/novus/nvd3/blob/master/LICENSE.md
- ↑ Code inspection on several NVD3 gallery examples revealed use of SVG., retrieved April 10, 2014
- ↑ http://www.olapcharts.com/download
- ↑ plotly is free and open source, available under the MIT license., retrieved November 17, 2015
- ↑ 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
- ↑ Rickshaw is free and open source, available under the MIT license., retrieved December 23, 2016
- ↑ It's all based on d3 underneath, so graphs are drawn with standard SVG, retrieved April 8, 2014
- ↑ https://www.shieldui.com/eula
- ↑ Shield UI charting uses the following technologies to automatically provide broad browser support: SVG and VML., retrieved April 8, 2014
- ↑ http://js.syncfusion.com/demos/web/#!/azure/bulletgraph/defaultfunctionalities
- ↑ http://js.syncfusion.com/demos/web/#!/azure/gantt/defaultfunctionalities
- ↑ https://www.syncfusion.com/products/communitylicense
- ↑ https://www.syncfusion.com/downloads
- ↑ http://steema.com/licensing/html5
- ↑ https://vaadin.com/charts/
- ↑ http://www.vancharts.com/download.html
- ↑ http://www.vancharts.com/download.html
- ↑ http://visjs.org/examples/graph2d/06_interpolation.html
- ↑ http://visjs.org/examples/timeline/items/backgroundAreasWithGroups.html
- ↑ http://visjs.org/examples/graph2d/18_scatterplot.html
- ↑ http://visjs.org/examples/graph2d/20_shading.html
- ↑ http://visjs.org/examples/timeline/groups/nestedGroups.html
- ↑ http://visjs.org/network_examples.html
- ↑ http://visjs.org/graph3d_examples.html
- ↑ https://github.com/almende/vis/blob/master/README.md#license
- ↑ https://github.com/RhoInc/Webcharts/blob/master/LICENSE.md
- ↑ https://docs.webix.com/desktop__chart_types.html#lineandsplinecharts
- ↑ https://docs.webix.com/desktop__chart_types.html#scattercharts
- ↑ https://docs.webix.com/desktop__chart_types.html#areaandstackedareacharts
- ↑ https://docs.webix.com/desktop__chart_types.html#pie3dpiechartanddonutcharts
- ↑ https://docs.webix.com/desktop__chart_types.html#pie3dpiechartanddonutcharts
- ↑ https://docs.webix.com/desktop__chart_types.html#radarcharts
- ↑ https://docs.webix.com/desktop__grouping.html
- ↑ https://docs.webix.com/desktop__chart_types.html#barbarhstackedbarandstackedbarhcharts
- ↑ https://docs.webix.com/desktop__chart_types.html#barbarhstackedbarandstackedbarhcharts
- ↑ https://webix.com/widget/charts/
- ↑ https://docs.webix.com/desktop__chart_legend.html
- ↑ https://docs.webix.com/api__refs__mouseevents.html
- ↑ http://docs.webix.com/api__mouseevents_onclick_config.html
- ↑ https://github.com/tenXer/xcharts/blob/master/LICENSE
- ↑ Using ... SVG, xCharts are designed to be dynamic..., retrieved April 8, 2014
- ↑ http://yuilibrary.com/license/
- ↑ Charts leverages SVG, HTML Canvas and VML to render its graphical elements., retrieved April 8, 2014
- ↑ http://www.zingchart.com/try
- ↑ http://www.zingchart.com/buy
- ↑ Our charting library renders in HTML5 (canvas), SVG, and Image (VML and Flash too), retrieved April 8, 2014
- ↑ https://zoomcharts.com/en/pricing/
- ↑ We use JavaScript and Canvas to render ZoomCharts., retrieved April 8, 2014
This article is issued from
Wikipedia.
The text is licensed under Creative Commons - Attribution - Sharealike.
Additional terms may apply for the media files.