Javascript Graphs and Charts libraries

Business > IT development
35
2015-07-06 18:53:54

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.

D3.jsHighchartsAnyChartamChartsZingChartFusionChartsGoogle Chart ToolsVanChartsarcadiaChartsCanvasJS ChartsDEXFlotdhtmlxChartDojo (dojox/charting)EjschartElychartsflotr2gRaphaëljqChartjqPlotJSChartsJSXGraphKendoUI DataVizMorris.jsnvd3OLAPChartsProtovisReportivo.comRGraphRickshawSencha Touch ChartsShield UI ChartsSVGwareTeeChartKoolChartyFiles for HTMLDyGraph
Websitehttp://d3js.org/http://www.highcharts.com/products/highchartshttp://anychart.com/http://www.amcharts.com/http://www.zingchart.comhttp://www.fusioncharts.com/https://developers.google.com/chart/http://www.vancharts.com/http://www.arcadiacharts.com/http://canvasjs.comhttp://dexvis.com/http://www.flotcharts.org/http://www.dhtmlx.com/docs/products/dhtmlxChart/index.shtmlhttp://dojotoolkit.org/features/graphics-and-chartinghttp://www.ejschart.comhttp://elycharts.comhttp://www.humblesoftware.com/flotr2/indexhttp://g.raphaeljs.com/http://www.jqchart.comhttp://www.jqplot.com/http://www.jscharts.comhttp://jsxgraph.uni-bayreuth.de/http://www.kendoui.com/dataviz.aspxhttp://morrisjs.github.io/morris.js/http://nvd3.com/http://www.olapcharts.comhttp://vis.stanford.edu/protovis/http://www.reportivo.com/http://www.rgraph.net/http://code.shutterstock.com/rickshaw/http://www.sencha.com/products/touch/chartshttps://www.shieldui.comhttp://svgware.comhttp://www.steema.com/teechart/html5http://koolchart.comhttp://www.yworks.com/yfileshtmlhttp://dygraphs.com/
Demo web linkhttps://github.com/mbostock/d3/wiki/Galleryhttp://highcharts.com/demo/http://anychart.com/products/anychart7/gallery/http://www.amcharts.com/javascript/http://www.zingchart.com/gallery/http://www.fusioncharts.com/explore/https://developers.google.com/chart/interactive/docs/galleryhttp://www.vancharts.com/demo.htmlhttp://www.arcadiacharts.com/line_charthttp://canvasjs.com/html5-javascript-column-chart/http://dexvis.com/doku.phphttp://www.flotcharts.org/flot/examples/http://www.dhtmlx.com/docs/products/dhtmlxChart/index.shtmlhttp://demos.dojotoolkit.org/demos/?cat=graphicshttp://www.ejschart.com/examples.php?selected=examplePagehttp://elycharts.com/exampleshttp://www.humblesoftware.com/flotr2/indexhttp://g.raphaeljs.com/http://www.jqchart.com/sampleshttp://www.jqplot.com/tests/http://www.jscharts.com/exampleshttp://jsxgraph.uni-bayreuth.de/wp/examples/http://demos.kendoui.com/dataviz/overview/index.htmlhttp://morrisjs.github.io/morris.js/http://nvd3.com/ghpages/examples.htmlhttp://www.olapcharts.com/chart-galleryhttp://vis.stanford.edu/protovis/ex/http://www.rgraph.net/demoshttp://code.shutterstock.com/rickshaw/examples/http://dev.sencha.com/deploy/touch-charts-1.0.0/examples/https://demos.shieldui.comhttp://svgware.comhttp://www.steema.com/files/public/teechart/html5/jscript/demos/http://koolchart.com/demohttp://live.yworks.com/demobrowser/index.html
Image
Like 12 13 19 2 17 5 1 1 0 2 0 8 1 0 1 2 0 1 0 1 0 0 3 2 4 0 1 6 1 0 0 6 0 1 7 1 1
Open sourceYes BSD LicenseYes CC by-nc 3.0NoNoNoNoNoNoNoYes CC nc 3.0YesYes MIT LicenseYes GNU GPLYes BSD, AFLv2NoYes MIT LicenseYes MIT LicenseYes MIT LicenseNoYes MIT, GPL v2NoYes LGPLNoYes Simplified BSDYes Apache 2.0Yes BSD LicenseNo Creative Commons - Free for non-commercial use.YesNoNoNoNoNoNoYes
Latest version2.10.31.07.x3.X2.1.1 (2015)3.4version 8.1.11.0.21.020130.8.1 (may 2013)2.6 Build 1009281.82.32.1.4-Snapshot (Aug, 2011)0.5.020133.00.99Q1 20130.4.11.0.13.3.14.2420121.7.12.6 (July 2013)20143.01.2.0.41.0.1
Trial and PricesFree under BSDFree for non commercial use and testing $ 90 (single website) - $ 3600 (10 developers license with maintenance and support for 12 months)Education / Non-profit licensing - free One site - $79 Single developer - $249 Team - $1,499 http://anychart.com/buy/1400 - SaasFull library free to use with small link. Licenses start at $299. SaaS and OEM available.999Freestudy, research or any non-profit project for free. Single developer $90. 5 Developers $200. 10 Developers $300. Unlimited $800.Must link back to site. No license available999 - SaasSeems to be freeFreeFree under GNU GPL, $49Free$1000FreeFreeFree (you can donate)$299Free$ 39 - $ 149
Free with watermark
Free$ 399FreeFree depending on Apache 2.0Free charts, €99 with additional OLAP featuresFreeFreeFree for non-commercial (CreativeCommons) License for commercial use.Free of charge with copyright attributionFree under GPLv3 license; $999 commercial licenseFree for Non-commercial use. Requires license for commercial. OEM licensing available.Free1400k+Free with watermark. $100 for Lite version, $350 for Basic, $620 for Pro and $1,280 for EnterpriseFree trial with watermark. Requires license for commercial use. Royalty free Licenses.MIT-Like
Library size (compressed+gzip)145 KB553 KB24 KB (only through google link, no offline mode)229 KB27 KB238 KB35 KB500 KB (can easily be scaled down if you just use a subset of chart types)32 kb223 KB88.5 KB52 KB50 KB60 KB (different files per browser)32 KB1.071 KB145 kB0.7 MB1.5 MB41 k
Minified size116 kb45 kb147 KB190 KB553 KB229 KB95 KB54 KB170 KB (can easily be scaled down if you just use a subset of chart types)65 KB96 KB28.5 KB519.2 KB29 KB153 KB4.7 MB200 K145 kB450 K6.5 MB133 k
Dependencieshttps://github.com/shawnbot/aight for partial IE8 compatibility. No dependencies needed for other browsers supportedNoneNoneNoneNoneNoneNoneNonejQuery Comes with unicorn, capable and robust, simpleNone outside of the Dojo Toolkit - VERY nice but heavy for our needsNonejQuery,Raphaël Charts seem kind of dinky. REasonable alternative.underscore.js, beam.js No donut chart. Buzzzz. But seems very capable.RaphaëljQueryjQuery 1.9+jQuery, Raphaël Not exactly sexy. Needs Rapheal and annotations. No data labels, exporting and missing several chart typesd3.js and Aight for IE8 support - VERY cool but based on D3, no IE8 and prior.Nonenoned3.jsjQuerynoneNoneexcanvas if ie < 9
Graphic technologySVGSVGSVG or VML for old IESVG or VML for old IEHTML5 Canvas / SVG / VMLSVG / VMLSVGCanvas & VMLCanvasCanvasJSCanvasCanvasSVG, Canvas if not available VML or SilverlightCanvas / SVG / VMLSVGCanvasSVGCanvasCanvasCanvasSVGSVGSVGSVGHTML5 Canvas, FlashSVGCanvasSVGCanvasSVG, VMLSVGCanvasCanvasSVG+CSS, Canvas, HTMLcanvas
Charts types
AreaYesYesYesYesYesYesYesYesNoYesYesYesYesYesYesYes Line charts can also have fillsYes Line charts can also have fillsYesYesNoNoYesYesYesYesYesYesYesYesYesYesYesYesYesNoNo
BarYesYes horizontal, verticalYesYesYesYesYesYesYesYesYesYesYesYesYes vertical onlyYesYes (8 Kb) vertical onlyYesYesYes vertical onlyYesYesYes vertical onlyYesYesYesYesYesYes vertical onlyYesYesYesYesYesNoNo
BubbleYesYesYesYesYesYesYesYesNoYesYes pluginNoYesNoNoYesNoYesYesNoNoYesNoYesYesYesYesNoNoYesYesYesYesNoNo
LineYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes (4 Kb)YesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesNoYes
PieYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes (4 Kb)YesYesYesYesYesNoYesYesYesYesYesNoYesYesNoYesYesNoNo
ScatterYesYesYesYesYesYesYesYesYesYesNoYesYesNoYesNoYesYesNoNoYesNoYesYesYesYesYesYesYesYesYesYesYesNoNo
SplineYesYesYesYesYesYesNoYesNoYesYesYes only line, not areaYes- In progress for next revisionYesNoNoYesYesNoYes only line, not areaNoYesYesYesYesYesYesYes by defaultYesYesNoYesYesNoNo
SparklinesYesNoYesYesYesYesNoNoYesYes- In progress for next revisionYesNoYesYesNoYesNoYesNoNoNo
Candlestick- Unofficial example: https://gist.github.com/1074045Yes Highstock, separate productYesYesYesYesYesYesNoNoYes plugin: http://jumflot.jumware.com/candlestick.htmlNoYesYesNoYesNoYesYesNoNoYesNoNoYesNoNoYesYesNoNo
DonutYesYesYesYesYesYesYesYesYesYesYesYesNoYesYesNoNoNoYesNoNoYesYesYesYesYesYesYesNoNoYesNoYesYesNoNo
Node / Edge graphYesNoNo- In developmentYesNoNoNoYesYesNo
Other chartsD3.js is a drawing library, and not just a chart library. You can make virtually any visualization or graph given time.Gauges, Radar, Polar, Stepline, Step, OHLC, Range Area, Range Bar, Funnel, Pyramid, Maps, Gantt, Stock, Bullet, Box, Error, Radar, PolarGauges, Radar, Polar, Step line, Step without Risers, OHLC, area range, Donut, Funnel, Waterfall, Bullet, XY, Maps are available as additional packageBullet, Chord, Funnel, Gauge, Grid, Maps, Pareto, Piano/Heatmap, Radar/Polar, Rankflow, Stock/OHLC, Treemap, Venn, WordCloud, Box plot, Population Pyramid, WaterfallColumn, Funnel, Pyramid, Waterfall, Marimekko, Gauges, Gantt Charts, Heat Map, Radar, Box and Whisker, Kagi, Step LineGeo chart, table, gauge, tree mapmap, GIS map, Gantt chart,Column Chart,Gauge Chart,Radar Chart,Custom Chart,range chart```Bubble ChartBubbles, Gantt, Pyramid, SpiderBubble, Candlestick (OHLC), Spider. Other Dojo modules provide as well TreeMap, Gauges etc...f(x), Gauge, Donut, alarm, candle stick, step series, over under, open high low, error series, stacked bar, trend, and floating barFunnelBubble, radarBubble, radar, polarMath...Linear Gauge, Radial Gauge, Bubble, Bullet, Donut, Scatter, StockBullet chartSpline, Donut, Rose, Radar, HeatMap, CombinedTreeMap, Node linksRange Bar/Area/Spline Area, Polar Bar/Area/Spline/Scatter/Stepline/StepareaGauge, Funnel, Waterfall, Gantt, fuel, HBar, VBar, Scatter, XY Plots, everything AJAX dynamicRange Bar/Area/SplineArea, Polar Bar/Area/Spline/Scatter, Stepline, Stepareaheat map; error bars; linear and logarithmic scales;Horizbar, SmoothLine, Donut, HorizArea, Bubble, Candle (OHLC)Radar, Combination, From-To, Target vs Actual, History, Scroll, Real-time, Broken-axis, Matrix, Image, Wing, GaugeWhile focussed on Node / Edge Graphs, at its core it *can* be used as a visualization library that can visualize almost anything.
Features
MultitouchYes
Ability to zoom in and out of chartsYesYesYesYesYesNoYesYesYesNoYesYesNoYesNoYesYesNoYesYesNoYesYesYesNoYesYesYesYesYesYesYes
Annotations on the chartNoYesYesYesYesYesYes new Annotation charts available in 2015YesYesYesNoYesNoYesNoYesYesNoYesNoYesYesYesYesNoYesYesYesYesYesNo
Combination of chartsYesYesYesYesYesYesYesYesYesYesYesNoYesYesNoYesNoYesYesYesYesYesNoYesYesYesNoYesYesYesYesYesNo
Data labelsYesYesYesYesYesYesNoYesYesYesYes- Only on a subet of charts, improvement planned for future versionsYesYesYesYesYesYesYesYesNoYesYesYesYesYesYesYesYesYesYesYes
Date-time axisYesYesYesYesYesYesYesYesYesNo- Feasible with custom codeYesNoYesNoYesYesNoYesYesYesYesYesYesYesYesYesYesNoYes
Dynamic chartsYesYesYesYesYesYesNoYesYesYesYesYesYesYesYesYesNoYesYesNoYesYesNoYesYesYesYesYesYesYesYesYes Dynamic Node/Edge Graphs
Export filesYesYesYes PNG, JPG, SVG, PDFYes PNG, JPG, SVG, PDFYesYesNoYes PNG, PDF, EXCELYesNoNoYes SVG-NoYes PNG, JPGNoYesYesNoYesNoYesNo Workaround availableYes-YesYesYesYesYes
External Data LoadingYesYesYesYesNoYesYesYesYes Using dojo/storeYesNoNoNoYesYesNoYesYesNoYesYesYesYesYes-YesYesYesYes
Interactive (responds to mouse hover/click)YesYesYesYesYesYesYesYesYesYesYes turned off by defaultNoNoYesYesYesYesYesYes turned off by defaultNoYes no tooltipsYesYesYesYesNoYesYesYes turned off by defaultYes tooltips on touchYesYesYesYesYes Feature complete Graph EditorYes
PrintYesYesYesYesYesNoYesNoNoYesYesYesNoNo- only by using browserNoYesNoYesYesYesYesYes
Text Rotation for LabelsYes x-y coordinates(of text) needs to be changed after rotation of textYesYesYesYesYesNoYesYesYes With CSSYesYesYesYesNoYesYesNoNoYesNoYesYesYesYesYesYesYes
Platforms
FirefoxYesYesYesYesYesYesYesYesYesYesYesYes 1.0+Yes 3.6+Yes 1.5+Yes 3.0+YesYes 3.0+YesYesYes 1.5+Yes 2.0+YesYesYesYesYesYesYesYesYesYesYesYesYesYes
Internet Explorer- IE 9 is supported, IE 8 is supported with AightYes 6.0+YesYes 6.0+Yes 6.0+YesYesYes IE6+YesYes 9+Yes 6.0+Yes 6.0+Yes 6+Yes 6.0+Yes 6.0+Yes 6.0+Yes 6.0+Yes 6.0+Yes 7.0+Yes 8.0+Yes 6.0+Yes 7+Yes 6.0+- IE 9, IE8 requires AightYes Uses Flash for < IE9No PartialYes- IE 9, IE8 requires Aight or Google Chrome Frame or Google ExCanvas- IE 9, IE8 requires AightYes 5.0+YesYes 9.0+Yes 6.0+Yes IE9+Yes IE < 9 with Google's excanvas
Google ChromeYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes 5.0+YesYes 5.0+YesYesYes 10+YesYesYesYesYesYesYesYesYesYesYesYesYesYesYes
SafariYesYesYesYesYesYesYesYesYesYesYesYes 3.0+YesYes 3.1 (2.0 on MAC)Yes 3.0+YesYes 3.0+YesYesYes 3.1+Yes 3.0+YesYesYesYesYesYesYesYesYesYesYesYes
OperaYesYesYesYesYesYesYesYesYesYesYesYes 9.0+- Might work but not officially supportedYes 9+Yes 9.5+Yes 9.5+YesYesYes 9+YesYesYesYesYesYesYesYesYesYesYesYesYes
iPhoneYesYesYesYesYesYesYesYesYesYesYesYesYes 1+YesYesYesYesYes 1.0+YesYesYesYesYesYesYesYesYesYesYesYesYesYesYes
iPadYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes
Social Networks
Source code repositoryhttps://github.com/mbostock/d3https://github.com/flot/flothttps://github.com/HumbleSoftware/Flotr2https://github.com/DmitryBaranovskiy/g.raphaelhttps://bitbucket.org/cleonello/jqplot/srchttps://github.com/oesmith/morris.jshttps://github.com/RobertLowe/nvd3https://github.com/shielduihttps://github.com/danvk/dygraphs/
Twitterhttp://twitter.com/Highchartshttps://twitter.com/anycharthttp://twitter.com/amchartshttps://twitter.com/zingcharthttp://www.twitter.com/FusionChartshttp://twitter.com/dhtmlxhttps://twitter.com/dojohttps://twitter.com/ejschartshttp://twitter.com/Elychartshttp://twitter.com/RaphaelJShttp://twitter.com/jqCharthttp://twitter.com/jecomponentshttp://twitter.com/KendoUIhttp://twitter.com/olly_smithhttp://twitter.com/instantOLAPhttps://twitter.com/ReportivoOnlinehttps://twitter.com/_rgraphhttp://twitter.com/senchahttps://twitter.com/shielduihttps://twitter.com/#!/SteemaSoftware
Websitehttp://d3js.org/http://www.highcharts.com/products/highchartshttp://anychart.com/http://www.amcharts.com/http://www.zingchart.comhttp://www.fusioncharts.com/https://developers.google.com/chart/http://www.vancharts.com/http://www.arcadiacharts.com/http://canvasjs.comhttp://dexvis.com/http://www.flotcharts.org/http://www.dhtmlx.com/docs/products/dhtmlxChart/index.shtmlhttp://dojotoolkit.org/features/graphics-and-chartinghttp://www.ejschart.comhttp://elycharts.comhttp://www.humblesoftware.com/flotr2/indexhttp://g.raphaeljs.com/http://www.jqchart.comhttp://www.jqplot.com/http://www.jscharts.comhttp://jsxgraph.uni-bayreuth.de/http://www.kendoui.com/dataviz.aspxhttp://morrisjs.github.io/morris.js/http://nvd3.com/http://www.olapcharts.comhttp://vis.stanford.edu/protovis/http://www.reportivo.com/http://www.rgraph.net/http://code.shutterstock.com/rickshaw/http://www.sencha.com/products/touch/chartshttps://www.shieldui.comhttp://svgware.comhttp://www.steema.com/teechart/html5http://koolchart.comhttp://www.yworks.com/yfileshtmlhttp://dygraphs.com/
Embed
  • 2011-01-05 21:42:21
    2015-07-06 18:53:54
  • 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

Build comparison tables or lists about everything !

It's free and fast to publish data into original tables

Create a table