Comparison of JavaScript charting frameworks

From Wikipedia, the free encyclopedia
Jump to: navigation, search

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[edit]

Notes[edit]

  1. ^ https://github.com/mbostock/d3/blob/master/LICENSE
  2. ^ http://www.amcharts.com/download/
  3. ^ http://www.amcharts.com/online-store/licenses-explained/
  4. ^ We use SVG (Scalable Vector Graphics) to render the charts., retrieved April 10, 2014 
  5. ^ http://www.anychart.com/buy/
  6. ^ http://c3js.org/
  7. ^ http://canvasjs.com/license-canvasjs/
  8. ^ HTML5 Canvas based on code inspection, retrieved April 10, 2014 
  9. ^ http://canvasxpress.org/download.html
  10. ^ HTML5 Canvas based on code inspection, retrieved April 10, 2014 
  11. ^ VML fallback for IE, retrieved April 10, 2014 
  12. ^ https://github.com/gionkunz/chartist-js/blob/develop/LICENSE-WTFPL
  13. ^ https://github.com/gionkunz/chartist-js/blob/develop/LICENSE-MIT
  14. ^ http://www.chartjs.org/docs/#notes-license
  15. ^ Using ... SVG, xCharts are designed to be dynamic..., retrieved April 8, 2014 
  16. ^ http://www.chartphp.com/download/
  17. ^ https://github.com/cytoscape/cytoscape.js/blob/master/LICENSE
  18. ^ Protovis is no longer under active development., retrieved April 8, 2014 
  19. ^ For Protovis Users, retrieved April 8, 2014 
  20. ^ https://christophergandrud.github.io/networkD3/
  21. ^ https://github.com/mbostock/d3/blob/master/LICENSE
  22. ^ D3 helps you bring data to life using HTML, SVG and CSS., retrieved April 10, 2014 
  23. ^ https://github.com/dc-js/dc.js/blob/master/LICENSE
  24. ^ It leverages d3 engine to render charts in css friendly svg format., retrieved April 10, 2014 
  25. ^ Line Chart Demo
  26. ^ Scatter Chart Demo
  27. ^ Area Chart Demo
  28. ^ Pie Chart Demo
  29. ^ Donut Chart Demo
  30. ^ Bullet Chart Demo
  31. ^ Radar Chart Demo
  32. ^ http://js.devexpress.com/Demos/WidgetsGallery/#demo/charts-pie_series-pie_with_small_values_grouped
  33. ^ http://js.devexpress.com/Demos/WidgetsGallery/#demo/charts-bar_series-full_stacked_bar
  34. ^ http://js.devexpress.com/Demos/WidgetsGallery/#demo/charts-advanced_features-discrete_axis_zooming_and_scrolling
  35. ^ DevExtreme Licensing FAQ
  36. ^ http://js.devexpress.com/Demos/WidgetsGallery/#demo/charts-advanced_features-tooltip_html_support
  37. ^ http://www.dhtmlx.com/docs/products/dhtmlxGantt/index.shtml
  38. ^ http://www.dhtmlx.com/docs/products/dhtmlxChart/index.shtml#licenses
  39. ^ https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt
  40. ^ http://dojotoolkit.org/license
  41. ^ As of Dojo 1.8, the following native vector graphics engine adaptations are implemented:, retrieved April 10, 2014 
  42. ^ http://dygraphs.com/legal.html
  43. ^ http://factmint.com/documentation/line-chart/
  44. ^ http://factmint.com/documentation/scatter-graph/
  45. ^ http://factmint.com/documentation/stacked-area-chart/
  46. ^ http://factmint.com/documentation/pie-chart/
  47. ^ http://factmint.com/documentation/doughnut-chart/
  48. ^ http://factmint.com/documentation/column-bar-chart/
  49. ^ http://factmint.com/documentation/column-bar-chart/
  50. ^ http://factmint.com/documentation/column-bar-chart/
  51. ^ http://www.factmint.com/charts/
  52. ^ https://github.com/flot/flot/blob/master/LICENSE.txt
  53. ^ HTML5 Canvas based on front page example code inspection, retrieved April 10, 2014 
  54. ^ http://www.fusioncharts.com/download/free/
  55. ^ http://www.fusioncharts.com/buy/
  56. ^ JavaScript (HTML5) Charts using SVG and VML, retrieved April 10, 2014 
  57. ^ https://github.com/HumbleSoftware/Flotr2/blob/master/LICENSE
  58. ^ HTML5 Canvas based on code inspection, retrieved April 10, 2014 
  59. ^ https://developers.google.com/chart/interactive/docs/gallery/ganttchart
  60. ^ https://developers.google.com/chart/terms
  61. ^ Charts are rendered using HTML5/SVG technology to provide cross-browser compatibility (including VML for older IE versions), retrieved April 10, 2014 
  62. ^ http://raphaeljs.com/license.html
  63. ^ https://stackoverflow.com/a/10209955/874824
  64. ^ http://www.highcharts.com/demo/3d-column-interactive
  65. ^ http://shop.highsoft.com/
  66. ^ https://github.com/sjanaud/jenscript/blob/master/LICENSE
  67. ^ JenScript Javascript HTML5/SVG Charts Framework., retrieved January 31, 2015 
  68. ^ https://bitbucket.org/cleonello/jqplot/raw/e8af8a37f0f14ea1e8c630ecfe6f1b1933794036/copyright.txt
  69. ^ Code inspection on several jqPlot examples revealed use of HTML5 Canvas., retrieved April 10, 2014 
  70. ^ http://www.koolchart.com/download/
  71. ^ http://www.koolchart.com/buy/
  72. ^ KoolChart is a pure JavaScript charting library, which is implemented using HTML5 Canvas., retrieved November 5, 2014 
  73. ^ https://www.mozilla.org/MPL/2.0/
  74. ^ https://github.com/nextreports/nextcharts/blob/master/LICENSE
  75. ^ https://github.com/novus/nvd3/blob/master/LICENSE.md
  76. ^ Code inspection on several NVD3 gallery examples revealed use of SVG., retrieved April 10, 2014 
  77. ^ http://www.olapcharts.com/download
  78. ^ plotly is free and open source, available under the MIT license., retrieved November 17, 2015 
  79. ^ Code inspection on several Plotly gallery examples revealed use of SVG., retrieved April 10, 2014 
  80. ^ RGraph is Free and Open Source Software using the MIT license, retrieved December 23, 2016 
  81. ^ Rickshaw is free and open source, available under the MIT license., retrieved December 23, 2016 
  82. ^ It's all based on d3 underneath, so graphs are drawn with standard SVG, retrieved April 8, 2014 
  83. ^ https://www.shieldui.com/eula
  84. ^ Shield UI charting uses the following technologies to automatically provide broad browser support: SVG and VML., retrieved April 8, 2014 
  85. ^ http://js.syncfusion.com/demos/web/#!/azure/bulletgraph/defaultfunctionalities
  86. ^ http://js.syncfusion.com/demos/web/#!/azure/gantt/defaultfunctionalities
  87. ^ https://www.syncfusion.com/products/communitylicense
  88. ^ https://www.syncfusion.com/downloads
  89. ^ http://steema.com/licensing/html5
  90. ^ https://vaadin.com/charts/
  91. ^ http://www.vancharts.com/download.html
  92. ^ http://www.vancharts.com/download.html
  93. ^ http://visjs.org/examples/graph2d/06_interpolation.html
  94. ^ http://visjs.org/examples/timeline/items/backgroundAreasWithGroups.html
  95. ^ http://visjs.org/examples/graph2d/18_scatterplot.html
  96. ^ http://visjs.org/examples/graph2d/20_shading.html
  97. ^ http://visjs.org/examples/timeline/groups/nestedGroups.html
  98. ^ http://visjs.org/network_examples.html
  99. ^ http://visjs.org/graph3d_examples.html
  100. ^ https://github.com/almende/vis/blob/master/README.md#license
  101. ^ https://github.com/RhoInc/Webcharts/blob/master/LICENSE.md
  102. ^ https://docs.webix.com/desktop__chart_types.html#lineandsplinecharts
  103. ^ https://docs.webix.com/desktop__chart_types.html#scattercharts
  104. ^ https://docs.webix.com/desktop__chart_types.html#areaandstackedareacharts
  105. ^ https://docs.webix.com/desktop__chart_types.html#pie3dpiechartanddonutcharts
  106. ^ https://docs.webix.com/desktop__chart_types.html#pie3dpiechartanddonutcharts
  107. ^ https://docs.webix.com/desktop__chart_types.html#radarcharts
  108. ^ https://docs.webix.com/desktop__grouping.html
  109. ^ https://docs.webix.com/desktop__chart_types.html#barbarhstackedbarandstackedbarhcharts
  110. ^ https://docs.webix.com/desktop__chart_types.html#barbarhstackedbarandstackedbarhcharts
  111. ^ https://webix.com/widget/charts/
  112. ^ https://docs.webix.com/desktop__chart_legend.html
  113. ^ https://docs.webix.com/api__refs__mouseevents.html
  114. ^ http://docs.webix.com/api__mouseevents_onclick_config.html
  115. ^ https://github.com/tenXer/xcharts/blob/master/LICENSE
  116. ^ Using ... SVG, xCharts are designed to be dynamic..., retrieved April 8, 2014 
  117. ^ http://yuilibrary.com/license/
  118. ^ Charts leverages SVG, HTML Canvas and VML to render its graphical elements., retrieved April 8, 2014 
  119. ^ http://www.zingchart.com/try
  120. ^ http://www.zingchart.com/buy
  121. ^ Our charting library renders in HTML5 (canvas), SVG, and Image (VML and Flash too), retrieved April 8, 2014 
  122. ^ https://zoomcharts.com/en/pricing/
  123. ^ We use JavaScript and Canvas to render ZoomCharts., retrieved April 8, 2014