Javascript Graphs and Charts libraries

Business > IT development
41
2020-12-02 10:11:16

This is a collaborative comparison table about JavaScript Graph and Charts library for data visualization.

Do not hesitate to comment, vote for your favorite library or contribute to this matrix, adding comparison criteria or other javascript libraries.

amChartsAnyChartHighchartsFusionChartsRGraphTeeChartCanvasJS ChartsJenScriptJSD3.jsdc.jsChart.jsDyGraphdhtmlxChartDojo (dojox/charting)flotr2jqChartZingChartjqPlotGoogle Chart ToolsJSChartsKoolChartProtovisShield UI ChartsKendoUI DataViz
Websitehttps://www.amcharts.com/https://www.anychart.com/https://www.highcharts.com/blog/products/highcharts/https://www.fusioncharts.com/https://www.rgraph.net/https://github.com/Steema/TeeChartJShttps://canvasjs.comhttps://www.jenscript.io/https://d3js.org/https://dc-js.github.io/dc.js/https://www.chartjs.org/https://dygraphs.com/https://dhtmlx.com/docs/products/dhtmlxChart/https://dojotoolkit.org/reference-guide/1.10/dojox/index.html#data-visualizationhttps://humblesoftware.com/flotr2/indexhttp://www.jqchart.comhttps://www.zingchart.com/http://www.jqplot.com/https://developers.google.com/chart/http://www.jscharts.comhttps://www.koolchart.com/https://mbostock.github.io/protovis/https://www.shieldui.comhttps://www.telerik.com/kendo-ui
Demo web linkhttp://www.amcharts.com/javascript/http://anychart.com/products/anychart7/gallery/http://highcharts.com/demo/http://www.fusioncharts.com/explore/https://www.rgraph.net/demos/index.htmlhttps://www.steema.com/files/public/teechart/html5/latest/demos/http://canvasjs.com/html5-javascript-column-chart/http://jenscript.io/https://github.com/mbostock/d3/wiki/Galleryhttps://dc-js.github.io/dc.js/https://www.chartjs.org/samples/latest/http://www.dhtmlx.com/docs/products/dhtmlxChart/index.shtmlhttp://demos.dojotoolkit.org/demos/?cat=graphicshttp://www.humblesoftware.com/flotr2/indexhttp://www.jqchart.com/sampleshttps://www.zingchart.com/galleryhttp://www.jqplot.com/tests/https://developers.google.com/chart/interactive/docs/galleryhttp://www.jscharts.com/exampleshttp://koolchart.com/demohttps://mbostock.github.io/protovis/ex/https://demos.shieldui.comhttp://demos.kendoui.com/dataviz/overview/index.html
Image
Like 3 21 14 5 3 1 3 1 13 1 0 1 1 1 0 0 25 1 2 0 7 1 6 4
Open sourceNoNoYes CC by-nc 3.0NoYes Open Source (GPL)YesYes CC nc 3.0YesYes BSD LicenseYesYesYesYes GNU GPLYes BSD, AFLv2Yes MIT LicenseNoNoYes MIT, GPL v2NoNoNoYes BSD LicenseNoNo
Latest version3.X7.x1.03.44.56 (July 2016)20182.01.1.02.10.31.7.32.9.4 (2020-10-19)1.0.12.6 Build 1009281.102.5.1 (2016)20133.03.03.3.11.7.1Q1 2013
Trial and Prices1400 - SaasEducation / Non-profit licensing - free One site - $79 Single developer - $249 Team - $1,499 http://anychart.com/buy/Free for non commercial use and testing $ 90 (single website) - $ 3600 (10 developers license with maintenance and support for 12 months)999FREEFree - MIT license999 - SaasFree Open Source BSDFree under BSDFreeMIT-LikeFree under GNU GPL, $49FreeFree$299Full library free to use with small link. Licenses start at $199. SaaS and OEM available.FreeFree$ 39 - $ 149
Free with watermark
Free with watermark. $100 for Lite version, $350 for Basic, $620 for Pro and $1,280 for EnterpriseFreeFree for Non-commercial use. Requires license for commercial. OEM licensing available.$ 399
Minified size190 KB147 KB45 kb553 KB116 kb133 k54 KB170 KB (can easily be scaled down if you just use a subset of chart types)96 KB450 K4.7 MB200 K
DependenciesNoneNoneNoneNonenoneNoneNonehttps://github.com/shawnbot/aight for partial IE8 compatibility. No dependencies needed for other browsers supportedd3.js crossfilter.jsNoneexcanvas if ie < 9None outside of the Dojo Toolkit - VERY nice but heavy for our needsunderscore.js, beam.js No donut chart. Buzzzz. But seems very capable.NonejQuerynonejQueryjQuery 1.9+
Graphic technologySVG or VML for old IESVG or VML for old IEHTML5 Canvas / SVG / VMLSVG / VMLCanvasCanvasHTML5 CanvasSVGSVGSVGCanvascanvasCanvasSVG, Canvas if not available VML or SilverlightCanvasCanvasHTML5 Canvas / SVG / VMLCanvasSVGCanvasCanvasSVGSVG, VMLSVG
Charts types
AreaYesYesYesYesYesYesYesYesYesYesYesNoYesYesYes Line charts can also have fillsYesYesYesYesNoYesYesYesYes
BarYesYesYes horizontal, verticalYesYesYesYesYesYesYesYesNoYesYesYesYesYesYesYesYes vertical onlyYesYesYesYes
BubbleYesYesYesYesYesYesYesYesYesYesYesNoNoYesYesYesYesYesYesNoYesYesYesYes
LineYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes
PieYesYesYesYesYesYesYesYesYesYesYesNoYesYesYesYesYesYesYesYesYesYesYesYes
ScatterYesYesYesYesYesYesYesYesYesYesYesNoNoYesYesYesYesYesYesNoYesYesYesYes
SplineYesYesYesYesYesYesYesYesYesYesNoYes only line, not areaYesNoYesYesYesNoNoYesYesYesNo
SparklinesYesYesYesYesYesYesYesNoYesYesYesYesNoYesYesYes
CandlestickYesYesYes Highstock, separate productYesYesYesYesYes- Unofficial example: https://gist.github.com/1074045NoNoYesYesYesYesYesYesNoYesYesYes
DonutYesYesYesYesYesYesYesYesYesYesYesNoYesNoNoNoYesYesYesNoYesYesYesYes
Node / Edge graphNoYesYesNoYesNo- In developmentYes
Other chartsGauges, Radar, Polar, Step line, Step without Risers, OHLC, area range, Donut, Funnel, Waterfall, Bullet, XY, Maps are available as additional packageGauges, Radar, Polar, Stepline, Step, OHLC, Range Area, Range Bar, Funnel, Pyramid, Maps, Gantt, Stock, Bullet, Box, Error, Radar, PolarColumn, Funnel, Pyramid, Waterfall, Marimekko, Gauges, Gantt Charts, Heat Map, Radar, Box and Whisker, Kagi, Step LineBipolar, Bar, Donut, Fuel, Funnel, Gantt, Gauge, Horizontal Bar, Horizontal Progress bar, Line, Meter, Pie, Radar, Rose, Scatter, Thermometer, Vertical Progress bar, Waterfall, XY Plots, everything AJAX dynamic, Google Sheets supportHorizbar, SmoothLine, Donut, HorizArea, Bubble, Candle (OHLC)Spline, Step Line, OHLC, Scatter, Funnel, Pyramid, Step Area, Stacked Area, Stacked Area 100%, Range Area, Range Spline Area, Stacked Column, Stacked Column 100%, Range Column, Stacked Bar, Stacked Bar 100%, Range BarDonut3D - Bar Chart - Ray Chart - Stock ChartD3.js is a drawing library, and not just a chart library. You can make virtually any visualization or graph given time.Bubble, Candlestick (OHLC), Spider. Other Dojo modules provide as well TreeMap, Gauges etc...Bubble, radarBubble, radar, polarBullet, Chord, Funnel, Gauge, Grid, Maps, Pareto, Piano/Heatmap, Radar/Polar, Rankflow, Stock/OHLC, Treemap, Venn, WordCloud, Box plot, Population Pyramid, Waterfall, Calendar, Bubble PieGeo chart, table, gauge, tree mapRadar, Combination, From-To, Target vs Actual, History, Scroll, Real-time, Broken-axis, Matrix, Image, Wing, GaugeTreeMap, Node linksRange Bar/Area/SplineArea, Polar Bar/Area/Spline/Scatter, Stepline, StepareaLinear Gauge, Radial Gauge, Bubble, Bullet, Donut, Scatter, Stock
Features
EventsYesYesYesYesYesYes-Yes
Multitouch
Ability to zoom in and out of chartsYesYesYesYesYesYesYesYesYesNoYesYesYesYesYesNoNoYesYesYesYes
Annotations on the chartYesYesYesYesYesYesYes IndexlabelsYesNoNoYesNoYesYesYesYesYes new Annotation charts available in 2015NoYesYesYesYes
Combination of chartsYesYesYesYesYesYesYesYesYesNoNoYesYesYesYesYesYesYesYesYesYesYes
Data labelsYesYesYesYesYesYesYesYesYesYes- Only on a subet of charts, improvement planned for future versionsYesYesYesNoYesYesYesYesYes
Date-time axisYesYesYesYesYesYesYesYesYesYesNo- Feasible with custom codeYesYesYesYesYesNoYesYesYesYes
Dynamic chartsYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesNoNoYesYesYesYes
Export filesYes PNG, JPG, SVG, PDFYes PNG, JPG, SVG, PDFYesYesYesYesYesYesNoYes SVGYes PNG, JPGYesYesYesNoNoYesNo Workaround availableYesYes
External Data LoadingYesYesYesYesYesYesYesYes Using dojo/storeNoYesYesYesNoNoYesYesYesYes
Interactive (responds to mouse hover/click)YesYesYesYesYesYesYesYesYesYesNoYesYesYesYesYes turned off by defaultYesNoYesNoYesYes
PrintYesYesYesYesYesYesNoYesNoYes- only by using browserNoNoYesYesYes
Text Rotation for LabelsYesYesYesYesYesYesYesYesYes x-y coordinates(of text) needs to be changed after rotation of textYes With CSSYesYesYesYesYesNoNoYesYesYesYes
Platforms
FirefoxYesYesYesYesYesYesYesYesYesYesYes 1.0+Yes 3.6+YesYesYesYesYesYes 1.5+YesYesYesYes
Internet ExplorerYes 6.0+YesYes 6.0+YesYesYes 9.0+Yes IE8+Yes- IE 9 is supported, IE 8 is supported with AightYes IE < 9 with Google's excanvasYes 6.0+Yes 6+Yes 6.0+Yes 6.0+Yes 6.0+Yes 7.0+YesYes 8.0+Yes 6.0+No PartialYes 5.0+Yes 7+
Google ChromeYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes 10+YesYesYesYes
SafariYesYesYesYesYesYesYesYesYesYes 3.0+YesYesYesYesYesYesYes 3.1+YesYesYesYes
OperaYesYesYesYesYesYesYesYesYesYes 9.0+- Might work but not officially supportedYesYesYesYesYes 9+YesYesYes
iPhoneYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes 1.0+YesYesYesYes
iPadYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes
Social Networks
Source code repositoryhttps://github.com/Steema/TeeChartJShttps://github.com/sjanaud/jenscripthttps://github.com/mbostock/d3https://github.com/danvk/dygraphs/https://github.com/dojo/dojoxhttps://github.com/HumbleSoftware/Flotr2https://bitbucket.org/cleonello/jqplot/srchttps://github.com/shieldui
Twitterhttp://twitter.com/amchartshttps://twitter.com/anycharthttp://twitter.com/Highchartshttp://www.twitter.com/FusionChartshttps://twitter.com/_rgraphhttps://twitter.com/SteemaSoftwarehttps://twitter.com/canvasjshttps://twitter.com/JenSoftAPIhttp://twitter.com/dhtmlxhttps://twitter.com/dojohttp://twitter.com/jqCharthttps://twitter.com/zingcharthttp://twitter.com/jecomponentshttps://twitter.com/shielduihttp://twitter.com/KendoUI
Websitehttps://www.amcharts.com/https://www.anychart.com/https://www.highcharts.com/blog/products/highcharts/https://www.fusioncharts.com/https://www.rgraph.net/https://github.com/Steema/TeeChartJShttps://canvasjs.comhttps://www.jenscript.io/https://d3js.org/https://dc-js.github.io/dc.js/https://www.chartjs.org/https://dygraphs.com/https://dhtmlx.com/docs/products/dhtmlxChart/https://dojotoolkit.org/reference-guide/1.10/dojox/index.html#data-visualizationhttps://humblesoftware.com/flotr2/indexhttp://www.jqchart.comhttps://www.zingchart.com/http://www.jqplot.com/https://developers.google.com/chart/http://www.jscharts.comhttps://www.koolchart.com/https://mbostock.github.io/protovis/https://www.shieldui.comhttps://www.telerik.com/kendo-ui
Embed
  • 2011-01-05 21:42:21
    2020-12-02 10:11:16
  • IT development
    English
  • Compare dhtmlxChart vs Dygraphs vs Elycharts vs gRaphael vs Highcharts vs JavaScript InfoVis Toolkit vs JScharts vs JSXGraph vs Protovis
  • Public
    Public
  • Creative Commons License CC-BY-SA 3.0 / GNU FDL
    Manage backups

Comments

see older comments

Leave a comment

Register Sign in