Javascript Graphs and Charts libraries

Business > IT development
16
2013-06-18 09:26:30

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ëlHighchartsjqChartJSChartsJSXGraphKendoUI DataVizMorris.jsnvd3ProtovisRGraphRickshawSencha Touch ChartsTeeChartzingchart
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.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.rgraph.net/http://code.shutterstock.com/rickshaw/http://www.sencha.com/products/touch/chartshttp://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://people.iola.dk/olau/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.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/http://www.steema.com/files/public/teechart/html5/jscript/demos/http://www.zingchart.com/#chart-gallery
Image
Like 0 0 1 4 1 0 1 1 6 0 0 0 7 0 0 0 2 1 0 1 0 0 0 0 0
Open sourceNoNoYes CC nc 3.0Yes BSD LicenseYes GNU GPLYes BSD, AFLv2NoYes MIT LicenseYes MIT LicenseYes MIT LicenseNoYes MIT LicenseYes CC by-nc 3.0NoNoYes LGPLNoYes Simplified BSDYes Apache 2.0Yes BSD LicenseNoYesNoNoNo
Latest version1.0.21.02.10.32.6 Build 1009281.82.32.1.4-Snapshot (Aug, 2011)0.7 (march 2011)0.5.01.03.00.94Q1 20130.4.13.3.1201220122012
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)		$299$ 39 - $ 149
Free with watermark		Free$ 399FreeFree depending on Apache 2.0FreeFree for non-commercial (CreativeCommons) License for commercial use.Free of charge with copyright attributionFree under GPLv3 license; $999 commercial licenseFree for non commercial use.
$129 commercial license ( 1developer + 1 server install + 1 year support subscription)		Single Domain Package : $249.00 Discounted Multi-Domain Package : $999.00
Library size (compressed+gzip)27 KB35 KB500 KB (can easily be scaled down if you just use a subset of chart types)32 kb310 KB223 KB24 KB (only through google link, no offline mode)88.5 KB52 KB50 KB32 KB0.7 MB
Minified size116 kb54 KB170 KB (can easily be scaled down if you just use a subset of chart types)65 KB96 KB28.5 KB45 kb439 KB29 KB153 KB4.7 MB
Dependencieshttps://github.com/shawnbot/aight for partial IE8 compatibility. No dependencies needed for other browsers supportedNone outside of the Dojo ToolkitNonejQuery,RaphaëljQueryunderscore.js, beam.jsRaphaëljQuery 1.9+jQuery, Raphaëld3.js and Aight for IE8 supportnoned3.js
Graphic technologySVGCanvasCanvasJSSVGCanvasSVG, Canvas if not available VML or SilverlightCanvas / SVG / VMLSVGCanvasCanvasSVGSVGSVGCanvasCanvasSVGSVGSVGSVGSVGCanvasCanvasCanvasCanvasCanvas / SVG / VML / Flash
Charts types
AreaYesYesYesYesYesYesYesYesYes Line charts can also have fillsYesYes Line charts can also have fillsYesYesNoNoYesYesYesYesYesYesYesYesYes
AreasplineNoYesNoYes- In progress for next revisionYesYesNoNoNoYesYesNoNoYesYesYesYesYesYes
BarYesYesYesYesYesYesYesYesYesYesYesYes (8 Kb) vertical onlyYes horizontal, verticalYesYes vertical onlyYesYesYes vertical onlyYesYesYesYesYesYesYes
DotNoYesYesNoYesYesYesYesNoNoYes (2.5 Kb)NoNoNoNoNoYesYesYesNoYesYes
LineYesYesYesYesYesYesYesYesYesYesYesYes (4 Kb)YesYesYesYesYesYesYesYesYesYesYesYesYes
PieYesYesYesYesYesYesYesYesYesYesYesYes (4 Kb)YesYesYesYesYesNoYesYesYesYesYesYes
ScatterYesYesYesNoYesYesNoYesYesYesNoYesYesNoNoYesNoYesYesYesYesYesYes
SplineYesYesYesYes- In progress for next revisionYesYesNoNoNoYesYesNoYesYesYesYesNoYesYes- Just in flash, Not in HTML5
SparklinesNoYesYesYes- In progress for next revisionYesNoYesNoYesNoNoYes
CandlestickYesNo- Unofficial example: https://gist.github.com/1074045NoYesYesNoYes a custom plugin: http://jumflot.jumware.com/candlestick.htmlYesYesNoYes Highstock, separate productYesNoNoYesNoNoYesNoNoYesYes
DonutYesYesYesYesYesNoYesYesYesNoNoNoYesNoNoNoYesYesYesYesYesNoYesYes
Node / Edge graphYes
Other chartsBubble 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 linksGauge, Funnel, WaterfallHorizbar, SmoothLine, Donut, HorizArea, Bubble, Candle (OHLC)
Features
Ability to zoom in and out of chartsYesYesYesNoYesYesNoYesYesNoNoYesYesNoNoYesNoYesYesNoYesYesYes
Annotations on the chartNoYesNoYesNoYesYesNoNoNoYesNoYesNoYesYesNoYesYes
Combination of chartsYesYesYesYesNoYesYesNoYesYesYesNoYesYesYesYesYesNoYesYesNoYesYes
Clickable pointsYesYesYesYesYesYesYesYesNoYesYesNoYesYesYesNoYesYesYes
Date-time axisYesYesYesNo- Feasible with custom codeYesNoYesYesNoYesYesNoYesYesYesYesNoYesYes
Dynamic chartsYesYesYesYesYesYesYesYesYesNoNoYesYesNoYesYesYesYesNoYesYes
Export filesNoYes SVG-NoNoYes PNG, JPGNoNoYesYesNoYesNoNo Workaround available-YesYes
External Data LoadingYesYes Using dojo/storeYesNoYesNoNoNoYesYesNoYesYesNoYesYesYesYes
Highlights regionYesNoYesYesYesNoNoNoNoYesYesYesNoYes
Data labelsYesYesYesYes- Only on a subet of charts, improvement planned for future versionsYesYesYesNoYesYesYesYesYesYesNoYesYesNoYesYesYes
Text Rotation for LabelsYesYes With CSSYesYesYesYesNoNoYesYesNoNoNoNoYesYesYes
Interactive chartsYesYesYesYes mouse & touch (mobile) interactionYesYesYesYesYesYesYesYesNoYesYesYesYesYesYesYesYesYes
PrintNoYesYesYesNoNoNoNoYesNoYesNoYes
Tooltips about data pointsYesYesYesYesYesYesYesYesYesYesYesYesYesYesNoYesYesYesYesNoYesYesYes
Google Maps SupportNoNoNoNoNoNoNoNoYesNo
Platforms
FirefoxYesYesYesYesYes 1.0+Yes 3.6+Yes 1.5+Yes 3.0+YesYesYesYes 3.0+YesYesYes 1.5+Yes 2.0+YesYesYesYesYesYesYesYes
Internet ExplorerYesYesYes 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 6.0+Yes 6.0+Yes 7+Yes 6.0+- IE 9, IE8 requires AightNo Partial- IE 9, IE8 requires Aight or Google Chrome Frame or Google ExCanvas- IE 9, IE8 requires AightYes 9.0+Yes 6.0+
Google ChromeYesYesYesYesYesYesYesYes 5.0+YesYesYesYes 5.0+YesYesYesYesYesYesYesYesYesYesYes
SafariYesYesYesYesYes 3.0+YesYes 3.1 (2.0 on MAC)Yes 3.0+YesYesYesYes 3.0+YesYesYes 3.1+Yes 3.0+YesYesYesYesYesYesYes
OperaYesYesYesYesYes 9.0+- Might work but not officially supportedYes 9+Yes 9.5+YesYesYes 9.5+YesYesYes 9+YesYesYesYesYesYesYes
iPhoneYesYesYesYesYesYesYes 1+YesYesYesYesYesYes 1.0+YesYesYesYesYesYesYesYesYesYes
iPadYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes
Social Networks
Source code repositoryhttps://github.com/flot/flothttps://github.com/HumbleSoftware/Flotr2https://github.com/DmitryBaranovskiy/g.raphaelhttps://github.com/oesmith/morris.jshttps://github.com/RobertLowe/nvd3
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_smithhttp://twitter.com/senchahttps://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.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.rgraph.net/http://code.shutterstock.com/rickshaw/http://www.sencha.com/products/touch/chartshttp://www.steema.com/teechart/html5http://www.zingchart.com
Embed
  • 2011-01-05 21:42:21
    2013-06-18 09:26:30
  • 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

  • @Marco Laponder
    I've restored the table. You can use "save new view" if you'd like to save your own version with your personal notes.
    Posted 2013-06-18 20:43:32 by Alexis
  • Oops, I was limiting the set for myself, but it seemed to remove it for everybody...how can it be restored ?
    Posted 2013-06-18 09:54:04 by Marco Laponder
  • Hey wwfalcon, why did you delete image row ?
    Posted 2013-05-13 02:33:37 by amro
  • voted for this Comparison (Like)
    find.just i need it
    Posted 2013-05-09 07:05:26 by wwfalcon
  • voted for D3.js (Like)
    cool! I think it can draw anything (dataviz) :)
    Posted 2013-05-09 05:38:24 by wwfalcon
  • voted for Highcharts (Like)
    Posted 2013-04-09 10:03:40 by yorzi
  • voted for CanvasJS Charts (Like)
    Posted 2013-04-06 08:05:16 by webmonks
  • This horizontal comparison layout is better. Thank you Vanina.
    Posted 2013-04-02 06:16:06 by amro
  • voted for KendoUI DataViz (Like)
    good chart
    Posted 2013-04-01 09:49:30 by 김효섭
  • voted for Highcharts (Like)
    Posted 2013-03-01 15:26:59 by Alex
  • voted for Flot (Like)
    Best one, for sure.
    Posted 2013-03-01 15:26:32 by Alex
  • @Gibran Silva Why did you delete most of the libraries?
    Posted 2013-02-27 20:19:33 by Informatom
  • Is it possible to download the comparison to some spreadsheet app for easy filtering and ranking?
    Posted 2013-02-22 10:25:16 by sirkkalap
  • voted for D3.js (Like)
    Posted 2013-02-21 10:45:20 by mushi
  • voted for Ejschart (Like)
    Very easy to use and light weight. Also from a corporate standpoint much more affordable then the others. They also provide great email support even for their free version.
    Posted 2013-02-15 21:12:21 by Jason
  • Can you add Wijmo (Component One) for comparision
    Posted 2013-02-13 17:42:47 by Anil Tumati
  • voted for Morris.js (Like)
    Posted 2013-02-13 16:12:42 by Lenny Dadu
  • voted for this Comparison (Like)
    Posted 2013-02-13 10:37:46 by Lenny Dadu
  • morris.js Date/time axis comment: "limited-picks weird x label intervals like 5 hours" Details: If given data every 2 hours but starting at '2013-01-04 14:00' and going to '2013-01-06 06:00' it may, depending on the window width, pick an x label interval like 5 hours which results in different times being labeled each day.
    Posted 2013-02-05 21:54:25 by Thomas M Tulinsky
  • voted for this Comparison (Like)
    Posted 2013-02-05 21:11:47 by Thomas M Tulinsky
  • New web home for lib_gg_orgchart is http://librerias.logicas.org/lib_gg_orgchart. I put here the old info: For those looking for a simple, open-source Javascript Organizational Chart library: I've just published lib_gg_orgchart. It uses a JSON input and draws the chart using Raphael. Take a look at the site for some examples and download. If you find it useful, please let me know.
    Posted 2013-02-04 15:48:18 by gllona
  • voted for D3.js (Like)
    awesome. imminently flexible.
    Posted 2013-02-03 23:15:38 by hobs
  • voted for this Comparison (Like)
    je valid
    Français Posted 2013-01-17 22:57:00 by ariane
  • voted for Highcharts (Like)
    +consistent API +thoroughly documented +download as pdf +CC licensing for non comm use +tutorials, demos
    Posted 2013-01-17 11:56:41 by Rafał Grabie
  • voted for Flot (Like)
    Posted 2012-12-27 11:01:54 by Nicolas Badia
  • voted for Highcharts (Like)
    Posted 2012-11-13 21:26:27 by Gabriel Allain-Dupré
  • voted for Elycharts (Like)
    Posted 2012-11-13 21:26:19 by Gabriel Allain-Dupré
  • You should do something with list of features. Make them more understandable. What is "Annotations on the chart"? What is "Clickable points"? What is "Highlights region"? And what does "Interactive charts" mean? They are all interactive.
    Posted 2012-11-08 16:25:27 by vortexwolf
  • voted for Flot (Like)
    Posted 2012-10-08 08:54:02 by chaostheory
  • voted for this Comparison (Like)
    Posted 2012-10-08 08:53:48 by chaostheory
  • voted for Flot (Like)
    Posted 2012-09-18 07:03:15 by amro
  • voted for this Comparison (Like)
    Posted 2012-09-14 13:28:02 by Zoila Rivera
  • voted for KendoUI DataViz (Like)
    Posted 2012-09-14 10:14:25 by amro
  • voted for this Comparison (Like)
    Posted 2012-09-06 07:38:44 by amro
  • voted for Highcharts (Like)
    Posted 2012-08-09 09:25:39 by Anant Ghate
  • voted for Flot (Like)
    Posted 2012-07-17 19:19:46 by Andrei Bulanau
  • commented on gRaphaël
    Raphaël currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.
    Posted 2012-07-17 18:54:43 by Andrei Bulanau
  • voted for Highcharts (Like)
    Great stuff!
    Posted 2012-06-19 03:04:12 by Yusuke Izumi
  • voted for Flot (Like)
    Posted 2012-05-24 21:35:40 by Seralo
  • Thanks for suggestions, I will add them. By the way, anybody can contribute and add new entry by clicking on "add" button below the table or "+" on the top left corner of the table.
    Posted 2012-05-24 17:38:46 by Vanina
  • Here another chart tool, TeeChart, 100% Javascript charting library. Free for a non-commercial use. See more info at: http://www.steema.com/teechart/html5
    Posted 2012-05-24 14:47:55 by Gemma
  • Here it goes another chart tool, TeeChart, 100€ Javascript charting library. Free for a non-commercial use. See more info at http://www.steema.com/teechart/html5 Regards! Gemma
    Posted 2012-05-24 14:46:45 by Gemma
  • For those looking for a simple, open-source Javascript Organizational Chart library: I've just published lib_gg_orgchart. It uses a JSON input and draws the chart using Raphael. This library satisfies requirements #1 and #2 of the original question. Take a look at the site for some examples and download: http://www.fluxus.com.ve/gorka/lib_gg_orgchart If you find it useful, please let me know.
    Posted 2012-05-16 05:09:08 by gllona
  • You should include ArcadiaCharts: http:www.arcadiacharts.com as well. It's free for non-commercial and is pretty easy to use. I like its look a lot.
    Posted 2012-05-08 11:54:02 by Bob
  • What about including FusionCharts.com ? Provider of interactive JavaScript (HTML5) chart application components.
    Posted 2012-04-24 09:46:41 by sekhar
  • voted for this Comparison (Like)
    Good Start
    Posted 2012-03-13 18:59:57 by Jim Welch
  • voted for this Comparison (Like)
    Posted 2011-08-11 18:12:47 by Paul L.
  • voted for dhtmlxChart (Like)
    Posted 2011-08-11 18:11:10 by Paul L.
  • voted for this Comparison (Like)
    Posted 2011-08-09 00:14:23 by bago
  • voted for Highcharts (Like)
    Posted 2011-06-02 14:33:11 by raghebgam
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