Jump to content

Comparison of JavaScript charting libraries: Difference between revisions

Add links
From Wikipedia, the free encyclopedia
Browse history interactively
← Previous editNext edit →
Content deleted Content added
VisualWikitext
No edit summary
remove entries without articles
Line 45: Line 45:
! [[Databinding on both AXIS x and y|AxisXY]]
! [[Databinding on both AXIS x and y|AxisXY]]
! [[Web Graphics Library|WebGL rendering]]
! [[Web Graphics Library|WebGL rendering]]

|-
| [http://www.ag-grid.com/charts AG Charts]
| {{free|MIT}}
| {{yes|Free<ref>{{cite web|url=http://www.ag-grid.com/charts/javascript/quick-start|title=AG Charts - Quick Start|publisher=}}</ref> or commercial<ref>{{cite web|url=http://www.ag-grid.com/charts/license-pricing/|title=AG Charts - Pricing|publisher=}}</ref>}}
| {{yes}}<ref>{{cite web|url=https://www.ag-grid.com/charts/gallery/#line|title=AG Charts Gallery - Line|publisher=}}</ref>
|
| {{yes}}<ref>{{cite web|url=https://www.ag-grid.com/charts/gallery/#scatter|title=AG Charts Gallery - Scatter|publisher=}}</ref>
| {{yes}}<ref>{{cite web|url=https://www.ag-grid.com/charts/gallery/#area|title=AG Charts Gallery - Area|publisher=}}</ref>
| {{yes}}<ref>{{cite web|url=https://www.ag-grid.com/charts/gallery/#pie|title=AG Charts Gallery - Pie|publisher=}}</ref>
| {{yes}}<ref>{{cite web|url=https://www.ag-grid.com/charts/gallery/#donut|title=AG Charts Gallery - Donut|publisher=}}</ref>
| {{yes}}<ref>{{cite web|url=https://www.ag-grid.com/charts/gallery/#bullet-chart|title=AG Charts Gallery - Bullet|publisher=}}</ref>
| {{yes}}<ref>{{cite web|url=https://www.ag-grid.com/charts/gallery/#radar-line|title=AG Charts Gallery - Radar|publisher=}}</ref>
|
|
|
| {{yes}}<ref>{{cite web|url=https://www.ag-grid.com/charts/javascript/bar-series/#grouped-stacks|title=AG Charts Gallery - Grouped Bar|publisher=}}</ref>
|
| {{yes}}<ref>{{cite web|url=https://www.ag-grid.com/charts/javascript/bar-series/#stacked-bar|title=AG Charts Gallery - Stacked Bar|publisher=}}</ref>
| {{yes}}<ref>{{cite web|url=https://www.ag-grid.com/charts/gallery/grouped-horizontal-bar/|title=AG Charts Gallery - Grouped Bar|publisher=}}</ref>
| {{yes}}<ref>{{cite web|url=https://charts-staging.ag-grid.com/react/axes-types/#category|title=AG Charts Docs - Discrete|publisher=}}</ref>
| {{yes}}<ref>{{cite web|url=https://www.ag-grid.com/charts/gallery/simple-horizontal-bar/|title=AG Charts Gallery - Horizontal Bar|publisher=}}</ref>
|
| {{yes}}<ref>{{cite web|url=https://www.ag-grid.com/charts/javascript/legend/|title=AG Charts Docs - Legend|publisher=}}</ref>
| {{yes}}<ref>{{cite web|url=https://www.ag-grid.com/charts/javascript/animation/|title=AG Charts Docs - Animation|publisher=}}</ref>
| {{yes}}<ref>{{cite web|url=https://www.ag-grid.com/charts/javascript/tooltips/|title=AG Charts API - Tooltips|publisher=}}</ref>
| {{yes}}<ref>{{cite web|url=https://www.ag-grid.com/charts/javascript/events/|title=AG Charts API - Events|publisher=}}</ref>
| {{yes}}
| {{no}}
| {{no}}
|
|

|-
| [http://www.amcharts.com amCharts]
| {{proprietary}}
| {{yes|Free with a link <ref>{{cite web|url=http://www.amcharts.com/download/|title=Download - amCharts|publisher=}}</ref> or commercial<ref>{{cite web|url=http://www.amcharts.com/online-store/licenses-explained/|title=Licenses Explained - amCharts|publisher=}}</ref>}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}<ref>{{citation|url=http://www.amcharts.com/javascript-charts/|title=We use SVG (Scalable Vector Graphics) to render the charts.|accessdate=April 10, 2014}}</ref>
| {{yes}}
|
| {{no}}


|-
|-
Line 140: Line 76:
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}

|-
| [https://www.apexcharts.com ApexCharts]
| {{free|MIT}}<ref>{{cite web|url=https://www.apexcharts.com/|title= ApexCharts.js - Open-source Interactive Charts for web|first=|last=|website=ApexCharts}}</ref>
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{no}}
|
| {{no}}

|-
| [https://naver.github.io/billboard.js/ billboard.js]
| {{free|MIT}}<ref>{{cite web|url=https://naver.github.io/billboard.js/|title=billboard.js - Re-usable, easy interface JavaScript chart library, based on D3 v4+.|website=naver.github.io/billboard.js}}</ref>
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{no}}
| {{yes}}
| {{no}}

|-
| [http://c3js.org C3.js]
| {{free|MIT}}<ref>{{cite web|url=http://c3js.org/|title=C3.js - D3-based reusable chart library|website=c3js.org}}</ref>
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{no}}
| {{yes}}
| {{no}}

|-
| [https://canvasjs.com CanvasJS]
| {{proprietary}}<ref>{{cite web|url=https://canvasjs.com/license/|title=CanvasJS Chart & StockChart License Pricing|website=CanvasJS}}</ref>
| {{Yes|Free for Personal, Educational and Non-Commercial Uses}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{yes}}
| {{no}}
| {{no}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}<ref>{{citation |url=https://canvasjs.com/ |title=HTML5 Canvas based on code inspection |accessdate=April 10, 2014}}</ref>
| {{no}}
| {{no}}
| {{yes}}
| {{no}}

|-
| [https://gionkunz.github.io/chartist-js Chartist]
| {{free|WTFPL<ref>{{cite web|url=https://github.com/gionkunz/chartist-js/blob/develop/LICENSE-WTFPL|title=gionkunz/chartist-js|website=GitHub}}</ref> or MIT<ref>{{cite web|url=https://github.com/gionkunz/chartist-js/blob/develop/LICENSE-MIT|title=gionkunz/chartist-js|website=GitHub}}</ref>}}
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{no}}
|
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{no}}
|
| {{no}}
| {{no}}


Line 332: Line 108:
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}

|-
| [https://livegap.com/charts/ Chart Builder By Livegap]
| {{free}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
|
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
|
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}<ref name="auto">{{citation |url=https://tenxer.github.io/xcharts/ |title=Using ... SVG, xCharts are designed to be dynamic... |accessdate=April 8, 2014 |archive-url=https://web.archive.org/web/20140408012412/http://tenxer.github.io/xcharts/ |archive-date=April 8, 2014 |url-status=dead }}</ref>
| {{no}}
|
| {{no}}

|-
| [http://www.chartphp.com Charts 4 PHP]
| {{proprietary}}
| {{no|Free basic edition}}<ref>{{cite web|url=http://www.chartphp.com/download/|title=Download|date=21 February 2015|publisher=}}</ref>
| {{no}}
| {{no}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}
|
| {{no}}
| {{no}}
| {{yes}}
|
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
|
|
| {{no}}
| {{no}}


Line 460: Line 172:
| {{no}}
| {{no}}
| {{yes}}
| {{yes}}
| {{no}}

|-
| [https://dhtmlx.com/docs/products/dhtmlxChart/ DHTMLX Charts]
| {{free|GPL}}<ref>{{cite web|url=http://www.dhtmlx.com/docs/products/dhtmlxChart/index.shtml#licenses|title=JavaScript/HTML5 Charts Library - dhtmlxChart|website=www.dhtmlx.com}}</ref>
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{no}}
| {{yes}}<ref>{{cite web|url=http://www.dhtmlx.com/docs/products/dhtmlxGantt/index.shtml|title=JavaScript Gantt Chart Library - dhtmlxGantt|website=www.dhtmlx.com}}</ref>
| {{no}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
|
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
|
| {{no}}
| {{no}}


Line 524: Line 204:
|{{yes}}<ref>{{citation|url=http://dojotoolkit.org/reference-guide/1.9/dojox/gfx.html|title=As of Dojo 1.8, the following native vector graphics engine adaptations are implemented|accessdate=April 10, 2014}}</ref>
|{{yes}}<ref>{{citation|url=http://dojotoolkit.org/reference-guide/1.9/dojox/gfx.html|title=As of Dojo 1.8, the following native vector graphics engine adaptations are implemented|accessdate=April 10, 2014}}</ref>
|
|
| {{no}}

|-
| [https://dygraphs.com/ Dygraphs]
| {{free|MIT}}<ref>{{cite web|url=http://dygraphs.com/legal.html |title=dygraphs |publisher=Dygraphs.com |date= |accessdate=2018-07-20}}</ref>
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
|
| {{yes}}

|-
| [https://echarts.apache.org/ Echarts]
| {{free|Apache 2.0}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}<ref>{{cite web|url=https://echarts.apache.org/en/tutorial.html#Render%20by%20Canvas%20or%20SVG |title=Documentation - Apache ECharts |publisher=echarts.apache.org |date= |accessdate=2021-04-01}}</ref>
| {{no}}
| {{yes}}
| {{yes}}

|-
| [https://frappe.io/charts Frappe Charts]
| {{free|MIT}}
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
|
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{no}}
| {{yes}}
| {{no}}
| {{no}}


Line 716: Line 300:
| {{no}}
| {{no}}
|
|
| {{no}}

|-
| [https://greylock.js.org/ Greylock]
| {{free|Apache 2.0}}<ref>{{cite web|url=https://github.com/Datamart/Greylock/blob/master/LICENSE|title=Datamart/Greylock|website=GitHub|date=23 Mar 2015}}</ref>
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
|
| {{no}}
| {{yes}}
| {{no}}
| {{yes}}
|
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{yes}}
|
| {{no}}
| {{no}}


Line 781: Line 333:
|{{Yes}}
|{{Yes}}
|{{Yes}}
|{{Yes}}

|-
| [https://www.jenscript.io/ JenScript]
| {{free|[[BSD Licenses|BSD-3]]}}<ref>{{cite web|url=https://github.com/sjanaud/jenscript/blob/master/LICENSE|title=sjanaud/jenscript|website=GitHub|date=13 February 2018}}</ref>
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
|
| {{yes}}
| {{yes}}
|{{no}}<ref>{{citation|url=http://jenscript.io|title=JenScript Javascript HTML5/SVG Charts Framework.|accessdate=January 31, 2015}}</ref>
| {{yes}}
| {{no}}
| {{yes}}
| {{no}}


|-
|-
Line 843: Line 363:
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{no}}

|-
| [https://www.jscharting.com JSCharting]
| {{proprietary}}<ref>{{cite web|url=https://jscharting.com/store/|title=JSCharting Licensing and Purchase|website=JSCharting}}</ref>
| {{yes|Free with branding <ref>{{cite web|url=https://jscharting.com/store/|title=JSCharting Licensing and Orders|website=www.jscharting.com}}</ref>}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{no}}
|
| {{no}}

|-
| [https://www.koolchart.com/demo/line-chart KoolChart]
| {{proprietary}}
| {{yes|Free with a link <ref>{{cite web|url=http://www.koolchart.com/download/|title=Download JavaScript Data Visualization Software - KoolChart|website=www.koolchart.com}}</ref> or commercial<ref>{{cite web|url=http://www.koolchart.com/buy/|title=Buy and License - KoolChart|website=www.koolchart.com}}</ref>}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}<ref>{{citation |url=http://www.koolchart.com/products/koolchart |title=KoolChart is a pure JavaScript charting library, which is implemented using HTML5 Canvas. |accessdate=November 5, 2014 |archive-date=November 5, 2014 |archive-url=https://web.archive.org/web/20141105212051/http://www.koolchart.com/products/koolchart |url-status=dead }}</ref>
| {{no}}
| {{yes}}
| {{yes}}
| {{no}}

|-
| [https://www.arction.com/lightningchart-js/ LightningChart JS]
| {{proprietary}}
| {{yes|Free for personal and non-commercial uses.<ref>{{cite web|url=https://www.arction.com/community-license/|title=Download free Community License of LightningChart JS for your non-commercial web site or studies|website=www.arction.com|date=20 December 2018}}</ref> Paid for commercial applications.<ref>{{cite web|url=https://www.arction.com/lightningchart-js-pricing/|title=Buy - LightningChart JS|website=www.arction.com|date=24 February 2020}}</ref>}}
| {{yes}} <ref>{{citation |url=https://www.arction.com/lightningchart-js/ |title=LightningChart JS Product page|website=www.arction.com |accessdate=23 September 2019}}</ref>
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
|
| {{yes}}
| {{no}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
|
| {{yes}}
| {{yes}}

|-
|[https://www.charts.com/muze MuzeJS]
| {{free|MIT}}<ref name="chartshq/muze">{{Cite web|url=https://github.com/chartshq/muze#license|title=chartshq/muze|website=GitHub|language=en|access-date=2018-10-25}}</ref>
| {{yes}}
| {{no}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{no}}
| {{yes}}
| {{no}}
| {{yes}}
|
|
| {{no}}

|-
| [http://zurb.com/playground/pizza-amore-charts-and-graphs Pizza Amore]
| {{free|MIT}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
|
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}
|
| {{yes}}
| {{no}}
| {{no}}
| {{yes}}
| {{no}}
|
|
| {{no}}
| {{no}}
Line 1,037: Line 397:
|
|
| {{yes}}
| {{yes}}

|-
| [https://www.pluscharts.com PlusCharts]
| {{Free}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}
|
| {{yes}}
| {{no}}
| {{no}}
| {{yes}}
|
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
|{{yes}}
|
| {{no}}


|-
|-
Line 1,099: Line 427:
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
|
| {{no}}

|-
| [https://www.scichart.com/javascript-chart-features/ SciChart.js]
| {{proprietary}}
| {{yes|Free personal and non-commercial uses.<ref>{{cite web|url=https://www.scichart.com/getting-started/scichart-javascript/|title=Free community License of SciChart.js|website=www.scichart.com|date=7 November 2023}}</ref> Paid for commercial applications.<ref>{{cite web|url=https://www.scichart.com/javascript-chart-features/|title=SciChart JavaScript Charts|website=www.scichart.com|date=10 November 2020}}</ref>}}
| {{yes}} <ref>{{citation |url=https://www.scichart.com/javascript-charts/ |title=SciChart.js Product page|website=www.scichart.com |accessdate=10 November 2020}}</ref>
| {{no}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}

|-
| [https://www.shieldui.com/products/chart Shield UI]
| {{proprietary}}
| {{no|Non-commercial or commercial}}<ref>{{cite web|url=https://www.shieldui.com/eula |title=End User License Agreement |publisher=Shield UI |date= |accessdate=2018-07-20}}</ref>
| {{no}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{no}}
| {{yes}}
| {{yes}}<ref>{{citation |url=https://www.shieldui.com/search/content/canvas |title=Shield UI charting uses the following technologies to automatically provide broad browser support: SVG and VML. |accessdate=April 8, 2014}}</ref>
|
|
|
| {{no}}
| {{no}}
Line 1,223: Line 487:
|
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
|
| {{no}}

|-
| [https://github.com/vizzuhq/vizzu-lib Vizzu]
| {{free|Apache 2.0}}<ref>{{cite web|url=https://github.com/vizzuhq/vizzu-lib/|title=Vizzu - Library for animated data visualizations and data stories.|website=github.com/vizzuhq/vizzu-lib|date=24 September 2022 }}</ref>
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{yes}}
| {{no}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
Line 1,295: Line 527:




|-
| [https://www.zingchart.com/ ZingChart]
| {{proprietary}}
| {{yes|Free with a link <ref>{{cite web|url=http://www.zingchart.com/try|title=JavaScript Chart Library - Try it for Free |website=www.zingchart.com}}</ref> or commercial<ref>{{cite web|url=http://www.zingchart.com/buy|title=Commercial JavaScript Charts - Licensing Options |website=www.zingchart.com}}</ref>}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
|{{yes}}<ref>{{citation|url=http://www.zingchart.com/|title=Our charting library renders in HTML5 (canvas), SVG, and Image (VML and Flash too)|accessdate=April 8, 2014}}</ref>
| {{yes}}
|
| {{no}}

|-
| [https://zoomcharts.com/ ZoomCharts]
| {{proprietary}}
| {{no|Non-commercial or commercial}}<ref>{{cite web|url=https://zoomcharts.com/en/pricing/|title=Pricing - JavaScript charts library - ZoomCharts|website=zoomcharts.com}}</ref>
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{no}}
| {{no}}
| {{no}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}
|
| {{yes}}
| {{yes}}<ref>{{citation |url=https://zoomcharts.com/en/ |title=We use JavaScript and Canvas to render ZoomCharts. |accessdate=April 8, 2014}}</ref>
| {{yes}}
| {{no}}
|
|
| {{no}}
|-
|[https://www.syncfusion.com/javascript-ui-controls/js-charts Syncfusion JS Charts]
|MIT
|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}}
|{{yes}}
|{{yes}}
|{{yes}}
|{{yes}}
|{{yes}}
|{{yes}}
|{{yes}}
|}
|}


Revision as of 00:28, 23 February 2025

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

References

  1. ^ "AnyChart - Education / Non-profit licensing". AnyChart.
  2. ^ "Buy - AnyChart - JavaScript Charts designed to be embedded and integrated". AnyChart.
  3. ^ "Chart.js - Documentation". www.chartjs.org.
  4. ^ "cytoscape/cytoscape.js". GitHub.
  5. ^ Protovis is no longer under active development., retrieved April 8, 2014
  6. ^ For Protovis Users, archived from the original on August 6, 2012, retrieved April 8, 2014
  7. ^ "d3/d3". GitHub.
  8. ^ "networkD3". Christophergandrud.github.io. 2017-03-18. Retrieved 2018-07-20.
  9. ^ D3 helps you bring data to life using HTML, SVG and CSS., retrieved April 10, 2014
  10. ^ "Dojo Toolkit". dojotoolkit.org.
  11. ^ As of Dojo 1.8, the following native vector graphics engine adaptations are implemented, retrieved April 10, 2014
  12. ^ "Download FusionCharts Suite XT Personal License". www.fusioncharts.com.
  13. ^ "Buy - FusionCharts". www.fusioncharts.com.
  14. ^ "Fusion Chart Product", www.fusioncharts.com, retrieved 27 July 2018
  15. ^ JavaScript (HTML5) Charts using SVG and VML, archived from the original on April 9, 2014, retrieved April 10, 2014
  16. ^ a b "Google Charts is a free service".
  17. ^ "Visualization: Pie Chart | Charts".
  18. ^ "Gantt Charts  -  Charts  -  Google Developers". Google Developers.
  19. ^ "Gantt Charts".
  20. ^ "Visualization: Column Chart | Charts".
  21. ^ "Bar Charts".
  22. ^ the 'bars' config helps creating bars of either horizontal or vertical
  23. ^ use the 'select' event
  24. ^ a b Charts are rendered using HTML5/SVG technology to provide cross-browser compatibility (including VML for older IE versions), retrieved August 19, 2018
  25. ^ "Controls and Dashboards | Charts".
  26. ^ "The MIT License". Archived from the original on 2014-02-17. Retrieved 2014-04-07.
  27. ^ "What's the difference between Raphael and gRaphael?". Stack Overflow.
  28. ^ "FAQ". shop.highsoft.com.
  29. ^ "FAQ". shop.highsoft.com.
  30. ^ "3D column - Highcharts". www.highcharts.com.
  31. ^ "Search | com.com". Jqwidgets.com.com. Retrieved 2018-07-20.[permanent dead link]
  32. ^ "License - Javascript, HTML5, jQuery Widgets". www.jqwidgets.com.
  33. ^ plotly is free and open source, available under the MIT license., retrieved November 17, 2015
  34. ^ "Time Series".
  35. ^ "Network graph made with Python | line chart made by Priyatharsan | plotly". chart-studio.plotly.com. Retrieved 2021-08-05.
  36. ^ Code inspection on several Plotly gallery examples revealed use of SVG., retrieved April 10, 2014
  37. ^ RGraph is Free and Open Source Software using the MIT license, retrieved December 23, 2016
  38. ^ "Steema/TeeChartJS". GitHub. 20 May 2020.
  39. ^ "almende/vis". GitHub. 22 September 2022.
  40. ^ "Graph2d - Interpolation". visjs.org. Archived from the original on 2016-11-29. Retrieved 2017-01-31.
  41. ^ "Timeline - Background areas with groups". visjs.org. Archived from the original on 2016-12-24. Retrieved 2017-01-31.
  42. ^ "Graph2d - Scatterplot". visjs.org. Archived from the original on 2016-11-20. Retrieved 2017-01-31.
  43. ^ "Graph2d - Shading Example". visjs.org. Archived from the original on 2017-01-23. Retrieved 2017-01-31.
  44. ^ "Timeline - Nested Groups example". visjs.org. Archived from the original on 2017-02-23. Retrieved 2017-01-31.
  45. ^ "Network Examples". visjs.org.
  46. ^ "Graph3d Examples". visjs.org.
  47. ^ "JavaScript Charts UI Widget - Webix JS Charts". webix.com.
  48. ^ "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
  49. ^ "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
  50. ^ "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
  51. ^ a b "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
  52. ^ "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
  53. ^ "Grouping Data Items of Guides, Managing Data in a Component Webix Docs". docs.webix.com.
  54. ^ a b "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
  55. ^ "Setting Legend for a Chart of UI Widgets, Chart Webix Docs". docs.webix.com.
  56. ^ "MouseEvents of API Reference, Mixins Webix Docs". docs.webix.com.
  57. ^ "onClick of MouseEvents, Properties Webix Docs". docs.webix.com.
Retrieved from "https://en.wikipedia.org/w/index.php?title=Comparison_of_JavaScript_charting_libraries&oldid=1277154919"