Javascript Graphs and Charts libraries

Business > IT development
25
2014-04-14 22:01:25

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.

amChartsarcadiaChartsCanvasJS ChartsD3.jsdhtmlxChartDojo (dojox/charting)EjschartElychartsFlotflotr2Google Chart ToolsgRaphaëlHighchartsjqChartjqPlotJSChartsJSXGraphKendoUI DataVizMorris.jsnvd3ProtovisReportivo.comRGraphRickshawSencha Touch ChartsShield UI ChartsSVGwareTeeChartzingchart
Websitehttp://www.amcharts.com/http://www.arcadiacharts.com/http://canvasjs.comhttp://d3js.org/http://www.dhtmlx.com/docs/products/dhtmlxChart/index.shtmlhttp://dojotoolkit.org/features/graphics-and-chartinghttp://www.ejschart.comhttp://elycharts.comhttp://www.flotcharts.org/http://www.humblesoftware.com/flotr2/indexhttps://developers.google.com/chart/http://g.raphaeljs.com/http://www.highcharts.com/products/highchartshttp://www.jqchart.comhttp://www.jqplot.com/http://www.jscharts.comhttp://jsxgraph.uni-bayreuth.de/http://www.kendoui.com/dataviz.aspxhttp://www.oesmith.co.uk/morris.js/http://nvd3.com/http://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://www.zingchart.com
Demo web linkhttp://www.amcharts.com/javascript/http://www.arcadiacharts.com/line_charthttp://canvasjs.com/html5-javascript-column-chart/https://github.com/mbostock/d3/wiki/Galleryhttp://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.flotcharts.org/flot/examples/http://www.humblesoftware.com/flotr2/indexhttps://developers.google.com/chart/interactive/docs/galleryhttp://g.raphaeljs.com/http://highcharts.com/demo/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://www.oesmith.co.uk/morris.js/http://nvd3.com/ghpages/examples.htmlhttp://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://www.zingchart.com/#chart-gallery
Image
Like 1 0 2 10 1 0 1 2 8 0 0 0 9 0 1 0 0 3 1 3 1 6 0 0 0 6 0 0 2
Open sourceNoNoYes CC nc 3.0Yes BSD LicenseYes GNU GPLYes BSD, AFLv2NoYes MIT LicenseYes MIT LicenseYes MIT LicenseNoYes MIT LicenseYes CC by-nc 3.0NoYes MIT, GPL v2NoYes LGPLNoYes Simplified BSDYes Apache 2.0Yes BSD LicenseNoYesNoNoNoNoNo
Latest version3.X1.0.21.02.10.32.6 Build 1009281.82.32.1.4-Snapshot (Aug, 2011)0.8.1 (may 2013)0.5.01.020133.00.94Q1 20130.4.13.3.1201220121.6.42.6 (July 2013)20122010
Trial and PricesFree with watermark $99 (single website)Free for non commercial use
$ 89 (single website) - $ 899 (OEM)
Free for non-commercial use $299+ for commercial licenseFree under BSDFree under GNU GPL, $49FreeFree / $100 / $250 / $1000FreeFreeFreeFreeFree (you can donate)Free for non commercial use
$ 80 (single website) - $ 2000 (10 developers license)
$299Free$ 39 - $ 149
Free with watermark
Free$ 399FreeFree depending on Apache 2.0FreeFreeFree 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 commercialFreeFree for non commercial use.
$129 commercial license ( 1developer + 1 server install + 1 year support subscription)
Free with watermark Single Domain Package : $249.00 Discounted Multi-Domain Package : $999.00 SaaS and OEM Pricing Available
Library size (compressed+gzip)27 KB35 KB500 KB (can easily be scaled down if you just use a subset of chart types)32 kb238 KB223 KB24 KB (only through google link, no offline mode)88.5 KB52 KB50 KB32 KB145 kB0.7 MB
Minified size190 KB116 kb54 KB170 KB (can easily be scaled down if you just use a subset of chart types)65 KB95 KB96 KB28.5 KB45 kb439 KB29 KB153 KB4.7 MB200 K145 kB
DependenciesNonehttps://github.com/shawnbot/aight for partial IE8 compatibility. No dependencies needed for other browsers supportedNone outside of the Dojo Toolkit - VERY nice but heavy for our needsNonejQuery,Raphaël Charts seem kind of dinky. REasonable alternative.jQuery Comes with unicorn, capable and robust, simpleunderscore.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.noned3.jsjQueryNone
Graphic technologySVG or VML for old IECanvasCanvasJSSVGCanvasSVG, Canvas if not available VML or SilverlightCanvas / SVG / VMLSVGCanvasCanvasSVGSVGSVGCanvasCanvasCanvasSVGSVGSVGSVGSVGCanvasSVGCanvasSVG, VMLSVGCanvasHTML5 / Canvas / SVG / VML / Flash
Charts types
AreaYesNoYesYesYesYesYesYesYesYes Line charts can also have fillsYesYes Line charts can also have fillsYesYesYesNoNoYesYesYesYesYesYesYesYesYesYesYesYes
BarYesYesYesYesYesYesYesYes vertical onlyYesYesYesYes (8 Kb) vertical onlyYes horizontal, verticalYesYesYes vertical onlyYesYesYes vertical onlyYesYesYesYesYes vertical onlyYesYesYesYesYes
BubbleYesNoYesYesNoYesNoNoYes pluginYesNoNoYesYesYesNoNoYesNoYesYesYesNoNoYesYesYesYes
LineYesYesYesYesYesYesYesYesYesYesYesYes (4 Kb)YesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes
PieYesYesYesYesYesYesYesYesYesYesYesYes (4 Kb)YesYesYesYesYesYesNoYesYesYesYesNoYesYesNoYesYes
ScatterYesYesYesNoYesYesNoYesYesYesNoYesYesYesNoNoYesNoYesYesYesYesYesYesYesYesYesYes
SplineYesNoYesYesYes only line, not areaYes- In progress for next revisionYesYesNoNoNoYesYesYesNoYes only line, not areaNoYesYesYesYesNoYes by defaultYesYesNoYesYes
SparklinesYesYesYesYes- In progress for next revisionYesNoNoYesYesNoYesNoNoYesNoYes
CandlestickYesNoNo- Unofficial example: https://gist.github.com/1074045NoYesYesNoYes plugin: http://jumflot.jumware.com/candlestick.htmlYesYesNoYes Highstock, separate productYesYesNoNoYesNoNoYesNoNoNoNoYesYes
DonutYesYesYesYesYesNoYesYesYesNoNoNoYesNoYesNoNoYesYesYesYesYesYesNoNoYesNoYesYes
Node / Edge graphYes
Other chartsGauges, Radar, Polar, Step line, Step without Risers, OHLC, area range, Donut, Funnel, Waterfall, Bullet, XY, Maps are available as additional packageBubble 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...f(x), Gauge, Donut, alarm, candle stick, step series, over under, open high low, error series, stacked bar, trend, and floating barFunnelBubbles, Gantt, Pyramid, SpiderBubble, radarGeo chart, table, gauge, tree mapBubble, radar, polarMath...Linear Gauge, Radial Gauge, Bubble, Bullet, Donut, Scatter, StockBullet chartTreeMap, Node linksRange Bar/Area/Spline Area, Polar Bar/Area/Spline/Scatter/Stepline/StepareaGauge, Funnel, WaterfallRange Bar/Area/SplineArea, Polar Bar/Area/Spline/Scatter, Stepline, Stepareaheat map; error bars; linear and logarithmic scales;Horizbar, SmoothLine, Donut, HorizArea, Bubble, Candle (OHLC)Bullet, Chord, Funnel, Gauge, Grid, Maps, Pareto, Piano, Radar, Rankflow, Stock, Treemap, Venn, WordCloud
Features
Multitouch
Ability to zoom in and out of chartsYesYesYesNoYesYesNoYesYesNoNoYesYesYesNoNoYesNoYesYesYesNoYesYesYesYesYes
Annotations on the chartYesYesNoYesNoYesYesNoNoNoYesYesNoYesNoYesYesYesNoYesYesYesYes
Combination of chartsYesYesYesYesNoYesYesNoYesYesYesNoYesYesYesYesYesYesNoYesYesNoYesYesYesYes
Data labelsYesYesYesYes- Only on a subet of charts, improvement planned for future versionsYesYesYesNoYesYesYesYesYesYesYesNoYesYesYesNoYesYesYesYesYes
Date-time axisYesYesYesNo- Feasible with custom codeYesNoYesYesNoYesYesYesNoYesYesYesYesYesNoYesYesYesYes
Dynamic chartsYesYesYesYesYesYesYesYesYesYesNoNoYesYesYesNoYesYesYesYesNoYesYesYesYes
Export filesYes PNG, JPG, SVG, PDFNoYes SVG-NoNoYes PNG, JPGNoNoYesYesYesNoYesNoNo Workaround availableYes-YesYesYesYes
External Data LoadingYesYes Using dojo/storeYesNoYesNoNoNoYesYesYesNoYesYesNoYesYesYesYes-YesYes
Interactive (responds to mouse hover/click)YesYesYesNoNoNoYesYesYes turned off by defaultYesYesYesYesYesYes turned off by defaultNoYes no tooltipsYesYesYesNoYesYesYes turned off by defaultYes tooltips on touchYesYesYesYes
PrintYesNoYesYesYesNoNoNoNoYes- only by using browserNoYesNoYesYesYesYes
Text Rotation for LabelsYesYesYes x-y coordinates(of text) needs to be changed after rotation of textYes With CSSYesYesYesYesNoNoYesYesYesNoNoYesNoYesYesYesYesYes
Platforms
FirefoxYesYesYesYesYes 1.0+Yes 3.6+Yes 1.5+Yes 3.0+YesYesYesYes 3.0+YesYesYesYes 1.5+Yes 2.0+YesYesYesYesYesYesYesYesYesYesYes
Internet ExplorerYes 6.0+YesYes 9+- IE 9 is supported, IE 8 is supported with AightYes 6.0+Yes 6+Yes 6.0+Yes 6.0+Yes 6.0+Yes 6.0+YesYes 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 AightNo 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+
Google ChromeYesYesYesYesYesYesYesYes 5.0+YesYesYesYes 5.0+YesYesYesYes 10+YesYesYesYesYesYesYesYesYesYesYesYes
SafariYesYesYesYesYes 3.0+YesYes 3.1 (2.0 on MAC)Yes 3.0+YesYesYesYes 3.0+YesYesYesYes 3.1+Yes 3.0+YesYesYesYesYesYesYesYesYesYes
OperaYesYesYesYesYes 9.0+- Might work but not officially supportedYes 9+Yes 9.5+YesYesYes 9.5+YesYesYesYes 9+YesYesYesYesYesYesYesYesYesYesYes
iPhoneYesYesYesYesYesYesYes 1+YesYesYesYesYesYesYes 1.0+YesYesYesYesYesYesYesYesYesYesYesYesYes
iPadYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes
Social Networks
Source code repositoryhttps://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/shieldui
Twitterhttp://twitter.com/amchartshttp://twitter.com/dhtmlxhttps://twitter.com/dojohttps://twitter.com/ejschartshttp://twitter.com/Elychartshttp://twitter.com/RaphaelJShttp://twitter.com/Highchartshttp://twitter.com/jqCharthttp://twitter.com/jecomponentshttp://twitter.com/KendoUIhttp://twitter.com/olly_smithhttps://twitter.com/ReportivoOnlinehttp://twitter.com/senchahttps://twitter.com/shielduihttps://twitter.com/#!/SteemaSoftwarehttps://twitter.com/zingchart
Websitehttp://www.amcharts.com/http://www.arcadiacharts.com/http://canvasjs.comhttp://d3js.org/http://www.dhtmlx.com/docs/products/dhtmlxChart/index.shtmlhttp://dojotoolkit.org/features/graphics-and-chartinghttp://www.ejschart.comhttp://elycharts.comhttp://www.flotcharts.org/http://www.humblesoftware.com/flotr2/indexhttps://developers.google.com/chart/http://g.raphaeljs.com/http://www.highcharts.com/products/highchartshttp://www.jqchart.comhttp://www.jqplot.com/http://www.jscharts.comhttp://jsxgraph.uni-bayreuth.de/http://www.kendoui.com/dataviz.aspxhttp://www.oesmith.co.uk/morris.js/http://nvd3.com/http://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://www.zingchart.com
Embed
  • 2011-01-05 21:42:21
    2014-04-14 22:01:25
  • 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