Javascript Graphs and Charts libraries

Business > IT development
41
2021-01-27 20:20:05

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.

ZingChartAnyChartHighchartsD3.jsKoolChartShield UI ChartsFusionChartsKendoUI DataVizamChartsRGraphCanvasJS ChartsGoogle Chart ToolsPlotlyTeeChartJenScriptJSdc.jsDyGraphdhtmlxChartDojo (dojox/charting)jqPlotProtovisChart.jsflotr2jqChartJSCharts
Websitehttps://www.zingchart.com/https://www.anychart.com/https://www.highcharts.com/blog/products/highcharts/https://d3js.org/https://www.koolchart.com/https://www.shieldui.comhttps://www.fusioncharts.com/https://www.telerik.com/kendo-uihttps://www.amcharts.com/https://www.rgraph.net/https://canvasjs.comhttps://developers.google.com/chart/https://plotly.com/javascript/https://github.com/Steema/TeeChartJShttps://www.jenscript.io/https://dc-js.github.io/dc.js/https://dygraphs.com/https://dhtmlx.com/docs/products/dhtmlxChart/https://dojotoolkit.org/reference-guide/1.10/dojox/index.html#data-visualizationhttp://www.jqplot.com/https://mbostock.github.io/protovis/https://www.chartjs.org/https://humblesoftware.com/flotr2/indexhttp://www.jqchart.comhttp://www.jscharts.com
Demo web linkhttps://www.zingchart.com/galleryhttp://anychart.com/products/anychart7/gallery/http://highcharts.com/demo/https://github.com/mbostock/d3/wiki/Galleryhttp://koolchart.com/demohttps://demos.shieldui.comhttp://www.fusioncharts.com/explore/http://demos.kendoui.com/dataviz/overview/index.htmlhttp://www.amcharts.com/javascript/https://www.rgraph.net/demos/index.htmlhttp://canvasjs.com/html5-javascript-column-chart/https://developers.google.com/chart/interactive/docs/galleryhttps://plotly.com/javascript/plotly-fundamentals/https://www.steema.com/files/public/teechart/html5/latest/demos/http://jenscript.io/https://dc-js.github.io/dc.js/http://www.dhtmlx.com/docs/products/dhtmlxChart/index.shtmlhttp://demos.dojotoolkit.org/demos/?cat=graphicshttp://www.jqplot.com/tests/https://mbostock.github.io/protovis/ex/https://www.chartjs.org/samples/latest/http://www.humblesoftware.com/flotr2/indexhttp://www.jqchart.com/sampleshttp://www.jscharts.com/examples
Image
Like 25 21 14 13 7 6 5 4 3 3 3 2 2 1 1 1 1 1 1 1 1 1 0 0 0
Open sourceNoNoYes CC by-nc 3.0Yes BSD LicenseNoNoNoNoNoYes Open Source (GPL)Yes CC nc 3.0No-YesYesYesYesYes GNU GPLYes BSD, AFLv2Yes MIT, GPL v2Yes BSD LicenseYesYes MIT LicenseNoNo
Latest version2.5.1 (2016)7.x1.02.10.33.01.7.13.4Q1 20133.X4.56 (July 2016)2.01.020181.1.01.7.31.0.12.6 Build 1009281.1020133.3.12.9.4 (2020-10-19)3.0
Trial and PricesFull library free to use with small link. Licenses start at $199. SaaS and OEM available.Education / 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)Free under BSDFree with watermark. $100 for Lite version, $350 for Basic, $620 for Pro and $1,280 for EnterpriseFree for Non-commercial use. Requires license for commercial. OEM licensing available.999$ 3991400 - SaasFREE999 - SaasFreeBasic charts are free. $249/developer/year for advanced charts, $995/developer/year for 3d chartsFree - MIT licenseFree Open Source BSDFreeMIT-LikeFree under GNU GPL, $49FreeFreeFreeFree$299$ 39 - $ 149
Free with watermark
Minified size147 KB45 kb116 kb450 K200 K553 KB190 KB186 kb133 k54 KB170 KB (can easily be scaled down if you just use a subset of chart types)4.7 MB96 KB
DependenciesNoneNoneNonehttps://github.com/shawnbot/aight for partial IE8 compatibility. No dependencies needed for other browsers supportednonejQueryNonejQuery 1.9+NonenoneNoneNoned3.js crossfilter.jsexcanvas if ie < 9None outside of the Dojo Toolkit - VERY nice but heavy for our needsjQueryNoneunderscore.js, beam.js No donut chart. Buzzzz. But seems very capable.
Graphic technologyHTML5 Canvas / SVG / VMLSVG or VML for old IEHTML5 Canvas / SVG / VMLSVGCanvasSVG, VMLSVG / VMLSVGSVG or VML for old IECanvasHTML5 CanvasSVGD3.js and stackglCanvasSVGSVGcanvasCanvasSVG, Canvas if not available VML or SilverlightCanvasSVGCanvasCanvasCanvasCanvas
Charts types
AreaYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesNoYesYesYesYesYesYes Line charts can also have fillsYesNo
BarYesYesYes horizontal, verticalYesYesYesYesYesYesYesYesYesYesYesYesYesNoYesYesYesYesYesYesYesYes vertical only
BubbleYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesNoNoYesYesYesYesYesYesNo
LineYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes
PieYesYesYesYesYesYesYesYesYesYesYesYesNoYesYesYesNoYesYesYesYesYesYesYesYes
ScatterYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesNoNoYesYesYesYesYesYesNo
SplineYesYesYesYesYesYesYesNoYesYesYesNoYesYesYesNoYes only line, not areaYesYesYesYesNoYesNo
SparklinesYesYesYesYesYesYesYesYesYesNoYesYesNoYesYesYesYes
CandlestickYesYesYes Highstock, separate product- Unofficial example: https://gist.github.com/1074045YesYesYesYesYesYesYesYesYesNoNoYesYesYesYesYesNo
DonutYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesNoYesNoYesYesYesNoNoNo
Node / Edge graph- In developmentYesYesYesNoNoNoYes
Other chartsBullet, Chord, Funnel, Gauge, Grid, Maps, Pareto, Piano/Heatmap, Radar/Polar, Rankflow, Stock/OHLC, Treemap, Venn, WordCloud, Box plot, Population Pyramid, Waterfall, Calendar, Bubble PieGauges, Radar, Polar, Stepline, Step, OHLC, Range Area, Range Bar, Funnel, Pyramid, Maps, Gantt, Stock, Bullet, Box, Error, Radar, PolarD3.js is a drawing library, and not just a chart library. You can make virtually any visualization or graph given time.Radar, Combination, From-To, Target vs Actual, History, Scroll, Real-time, Broken-axis, Matrix, Image, Wing, GaugeRange Bar/Area/SplineArea, Polar Bar/Area/Spline/Scatter, Stepline, StepareaColumn, Funnel, Pyramid, Waterfall, Marimekko, Gauges, Gantt Charts, Heat Map, Radar, Box and Whisker, Kagi, Step LineLinear Gauge, Radial Gauge, Bubble, Bullet, Donut, Scatter, StockGauges, Radar, Polar, Step line, Step without Risers, OHLC, area range, Donut, Funnel, Waterfall, Bullet, XY, Maps are available as additional packageBipolar, 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 supportSpline, 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 BarGeo chart, table, gauge, tree maphistograms, box plots, time series, subplots, polar charts, multiple axes, insets, log plots, maps, contour plots, 2D histograms, error bars, 3D surface plots, 3D scatter plots, 3D line plotsHorizbar, SmoothLine, Donut, HorizArea, Bubble, Candle (OHLC)Donut3D - Bar Chart - Ray Chart - Stock ChartBubble, Candlestick (OHLC), Spider. Other Dojo modules provide as well TreeMap, Gauges etc...TreeMap, Node linksBubble, radarBubble, radar, polar
Features
EventsYesYesYesYesYesYesYes-
Multitouch
Ability to zoom in and out of chartsYesYesYesYesYesYesYesYesYesYesNoYesYesYesYesNoYesYesYesYesYesNo
Annotations on the chartYesYesYesNoYesYesYesYesYesYesYes IndexlabelsYes new Annotation charts available in 2015YesYesYesNoYesNoYesYesYesYesNo
Combination of chartsYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesNoNoYesYesYesYesYesYes
Data labelsYesYesYesYesYesYesYesYesYesYesYesNoYesYesYesYes- Only on a subet of charts, improvement planned for future versionsYesYesYesYes
Date-time axisYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesNo- Feasible with custom codeYesYesYesYesNo
Dynamic chartsYesYesYesYesYesYesYesYesYesYesYesNoYesYesYesYesYesYesYesYesYesNo
Export filesYesYes PNG, JPG, SVG, PDFYesYesYesYesYesYesYes PNG, JPG, SVG, PDFYesYesNoYes From cloud versionYesNoYes SVGYesNo Workaround availableYes PNG, JPGYesNo
External Data LoadingYesYesYesYesYesYesYesYesNoYesYesYesYesYes Using dojo/storeYesYesNoYesNo
Interactive (responds to mouse hover/click)YesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesNoYesYes turned off by defaultNoYesYesNo
PrintYesYesYesYesYesYesYesYesYesYesNoYes cloud versionNoYes- only by using browserNoNo
Text Rotation for LabelsYesYesYesYes x-y coordinates(of text) needs to be changed after rotation of textYesYesYesYesYesYesYesNoYesYesYesYes With CSSYesYesYesYesYesNo
Platforms
FirefoxYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes 1.0+Yes 3.6+YesYesYesYesYes 1.5+
Internet ExplorerYes 6.0+YesYes 6.0+- IE 9 is supported, IE 8 is supported with AightYes 6.0+Yes 5.0+YesYes 7+Yes 6.0+YesYes IE8+YesYes IE 8 +Yes 9.0+YesYes IE < 9 with Google's excanvasYes 6.0+Yes 6+Yes 7.0+No PartialYes 6.0+Yes 6.0+Yes 8.0+
Google ChromeYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes 10+
SafariYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes 3.0+YesYesYesYesYesYes 3.1+
OperaYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes 9.0+- Might work but not officially supportedYesYesYes 9+
iPhoneYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes 1.0+
iPadYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes
Social Networks
Source code repositoryhttps://github.com/mbostock/d3https://github.com/shielduihttps://github.com/plotly/plotlyjshttps://github.com/Steema/TeeChartJShttps://github.com/sjanaud/jenscripthttps://github.com/danvk/dygraphs/https://github.com/dojo/dojoxhttps://bitbucket.org/cleonello/jqplot/srchttps://github.com/HumbleSoftware/Flotr2
Twitterhttps://twitter.com/zingcharthttps://twitter.com/anycharthttp://twitter.com/Highchartshttps://twitter.com/shielduihttp://www.twitter.com/FusionChartshttp://twitter.com/KendoUIhttp://twitter.com/amchartshttps://twitter.com/_rgraphhttps://twitter.com/canvasjshttps://twitter.com/plotlygraphshttps://twitter.com/SteemaSoftwarehttps://twitter.com/JenSoftAPIhttp://twitter.com/dhtmlxhttps://twitter.com/dojohttp://twitter.com/jqCharthttp://twitter.com/jecomponents
Websitehttps://www.zingchart.com/https://www.anychart.com/https://www.highcharts.com/blog/products/highcharts/https://d3js.org/https://www.koolchart.com/https://www.shieldui.comhttps://www.fusioncharts.com/https://www.telerik.com/kendo-uihttps://www.amcharts.com/https://www.rgraph.net/https://canvasjs.comhttps://developers.google.com/chart/https://plotly.com/javascript/https://github.com/Steema/TeeChartJShttps://www.jenscript.io/https://dc-js.github.io/dc.js/https://dygraphs.com/https://dhtmlx.com/docs/products/dhtmlxChart/https://dojotoolkit.org/reference-guide/1.10/dojox/index.html#data-visualizationhttp://www.jqplot.com/https://mbostock.github.io/protovis/https://www.chartjs.org/https://humblesoftware.com/flotr2/indexhttp://www.jqchart.comhttp://www.jscharts.com
Embed
  • 2011-01-05 21:42:21
    2021-01-27 20:20:05
  • 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