JavaScript Chart Library

Question

Would anyone recommend a particular JavaScript charting library - specifically one that doesn't use flash at all?

Answer 1

If you're using jQuery I've found flot to be very good - try out the examples to see if they suit your needs, but I've found them to do most of what I need for my current project.

Answer 2

It maybe not exactly what you are looking for, but
Google's Chart API is pretty cool and easy to use.

Answer 3

Not a Javascript library but it may be a suitable alternative - check out Google Charts where you can generate charts by passing querystring data to their web service.

Answer 4

For displaying large datasets, i would take a look at chronoscope ( http://timepedia.org/chronoscope/ ). It can be used as pure javascript, or integrated into a gwt app too.

Or, try the MIT simile timeline which could be made into a chart - http://simile.mit.edu/timeline/

or the final one, http://code.google.com/p/gchart/

Answer 5

My favourite (flot) has already been mentioned.

But be sure to investigate Ortho. It is excellent for tree charts and timelines.

Answer 6

Take a look at Bluff. It's a JavaScript port of the Gruff graphing library for Ruby.

Answer 7

Flotr is another, pure Javascript chart-library based on Prototype and inspired by Flot

Answer 8

There is a lot of activity in the dojo charting library, and what is great I am using it inside an AIR application without problems too, pretty cool! See for example there http://www.sitepen.com/blog/2008/05/27/dojo-charting-event-support-has-landed/

Answer 9

Try PlotKit

Answer 10

Check out Google Visualization API, which is kind of a generalization of the simpler Chart API

Answer 11

Protochart is all you need

Answer 12

I'd recommend gRaphaël for pure JavaScript charting along with the pure JavaScript vector graphics library it's built on (Raphaël).

gRaphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.

Answer 13

Check out www.highcharts.com!

Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.

Answer 14

There is a growing number of Open Source and commercial solutions for pure JavaScript charting that do not require Flash. In this response I will only present Open Source options.

There are 2 main classes of JavaScript solutions for graphics that do not require Flash:

• Canvas-based, rendered in IE using ExplorerCanvas that in turns relies on VML
• SVG on standard-based browsers, rendered as VML in IE

There are pros and cons of both approaches but for a charting library I would recommend the later because it is well integrated with DOM, allowing to manipulate charts elements with the DOM, and most importantly setting DOM events. By contrast Canvas charting libraries must reinvent the DOM wheel to manage events. So unless you intend to build static graphs with no event handling, SVG/VML solutions should be better.

For SVG/VML solutions there are many options, including:

• Dojox Charting, good if you use the Dojo toolkit already
• Raphael-based solutions

Raphael is a very active, well maintained, and mature, open-source graphic library with very good cross-browser support including IE 6 to 8, Firefox, Opera, Safari, Chrome, and Konqueror. Raphael does not depend on any JavaScript framework and therefore can be used with Prototype, jQuery, Dojo, Mootools, etc...

There are a number of charting libraries based on Raphael, including (but not limited to):

• gRaphael, an extension of the Raphael graphic library
• Ico, with an intuitive API based on a single function call to create complex charts

Disclosure: I am the developer of one of the Ico forks on github (http://github.com/uiteoi/ico).

Answer 15

I saw some mentions of http://www.jqplot.com/ on the web, looks alright but I haven't used it.

Answer 16

• a framework: http://www.simile-widgets.org/

a basic: http://www.filamentgroup.com/examples/charting_v2/index_2.php

good looking: http://www.highcharts.com/