Do you know if there's any SVG + js charting library out there similar to http://www.amcharts.com/ (Flash). I need to provide nice looking interactive chart functionality in a browser that does not support Flash but supports SVG.
Asked
Active
Viewed 3.8k times
7 Answers
75
Depending on licensing requirements and features you have a few options. SVG is not supported from IE 6 to IE8 so you may find some libraries using canvas to run on IE, and others using VML to run on IE.
Plotkit is a mixed SVG+Canvas library, latest version is a bit outdated (0.9.1 released in 29 August 2006) BSD licensed.
Elycharts is an SVG+VML library (using RaphaelJS under the hood) with a good feature set, interactivity and cool animations. (last version 2.1.3 from December 2010) Mit licensed.
g.raphael is an SVG+VML library (using RaphaelJS, from the same author of RaphaelJS). It is very good for infographics, less good for classical charts. (last version 0.4.1 from 2009) Mit Licensed.
Grafico is again an SVG+VML library (again RaphaelJS based). It has much more chart types than gRaphael or Elycharts but less options/configurability than Elycharts. MIT licensed.
Google Chart Tools provides SVG+VML based charts. It's free to use but I didn't find the complete licensing terms. It also provides an editor (even if it is not easy to find on their site)
D3.js Is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS.
You also have some commercial option:
ZingChart - This is the only library allowing SVG, VML, canvas and flash in order to support every device out there. It is expensive but very complete.
HighCharts - A very complete SVG+VML library having a very good documentation and a very complete feature set. It has a free for personal use license but it shows a very "strict" interpretation of personal and your own blog may not be considered "personal", that's why I show it under "commercial options".
Web_Designer
- 72,308
- 93
- 206
- 262
Stefano Bagnara
- 851
- 7
- 4
-
I forgot to write about "Ico", another SVG+VML (Raphael) library. You can find it on github because its site is not working: https:// github.com/uiteoi/ico – Stefano Bagnara Aug 04 '11 at 09:59
-
Another commercial option: SmartClient and SmartGWT support SVG+Canvas+VML charts from IE6 up, and also support mobile (Android/iOS). See http://blog.isomorphic.com/html5-charts-with-mobile-support/ – Charles Kendrick Aug 25 '11 at 23:11
-
1Don't forget about the original posted one - http://www.amcharts.com/ is no longer just flash. They have javascript & flash charts, and you can use it for free if you want the link. It looks really nice to me. – Michael Feb 07 '12 at 07:14
-
Google Charts are on the Apache License (or at least examples are as stated on the bottom of the gallery page). – Nux Aug 16 '13 at 14:46
4
You'll need to be a little more specific about the features that you need, but you might want to look at PlotKit.
Brian Campbell
- 322,767
- 57
- 360
- 340
2
Now amCharts provides SVG charts and still generate flash charts for old browsers that doesn't support SVG.
amCharts support all modern browsers including modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer. It also runs on mobile devices powered by iOS (iPad, iPhone, iPod Touch) and Android Honeycomb.
Good stuff, huh? http://www.amcharts.com/
mrjimoy_05
- 3,452
- 9
- 58
- 95
Eduardo Leitao
- 56
- 4
1
Have you checked out ZingChart? It renders charts in HTML5 Canvas, SVG and Flash (and VML for old IE fallback).
I'm on the team. You can reach our team at support[at]zingchart.com with any questions, or mention/follow us at http://twitter.com/zingchart.
-Andrew
agbegin
- 152
- 4
1
The google visualization API has some SVG charts you can use http://code.google.com/apis/visualization While this is not an avg library, it is a charting one.
-
1Visualizations does have some limitations that you should be careful about like the fact that you need a connection to Google. – nick Jul 22 '10 at 17:49
