Rectangle 27 0

JavaScript Chart Library?


In case what you need is bar chart only. I published some code I've been using in an old project. Someone told me the VML implementation is broken on recent versions of IE, but the SVG should work just fine. Might be getting back to the project and release some serverside renderers I already have and maybe WebGL rendering layer. There's a link: http://blog.conquex.com/?p=64

Note
Rectangle 27 0

JavaScript Chart Library?


At first it as a shameless plug but they look REALLY awesome!! It in not free fot commercial use though, I have no reference wether the pricing is reasonable or not but they look ok at a glance!

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.

One more vote for Highcharts. I'm currently using it, and it is great. Supports jQuery, Mootools and Prototype, and it is very easy to setup and use.

This is the same charting library used in CloudFlare.com, and it looks really great. I was about to use DevExpress charting library, which is ASP.NET and renders and image in the sever when I stumbled upon the highcharts library. I was convinced at once that this is the way to go. When I found out that CloudFlare, which has one of the most eye-catching dashboards/analytic's I've seen, uses it too I was sold! I'm currently experimenting with it, and it worked in my first attempt to embed a chart in my webpage... so it seems easy to use too!

Worth pointing out that this library is free for non-commercial use, but costs money for single-sites and multi-sites. It seems like a fairly reasonable price however.

Note
Rectangle 27 0

JavaScript Chart Library?


At first it as a shameless plug but they look REALLY awesome!! It in not free fot commercial use though, I have no reference wether the pricing is reasonable or not but they look ok at a glance!

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.

One more vote for Highcharts. I'm currently using it, and it is great. Supports jQuery, Mootools and Prototype, and it is very easy to setup and use.

This is the same charting library used in CloudFlare.com, and it looks really great. I was about to use DevExpress charting library, which is ASP.NET and renders and image in the sever when I stumbled upon the highcharts library. I was convinced at once that this is the way to go. When I found out that CloudFlare, which has one of the most eye-catching dashboards/analytic's I've seen, uses it too I was sold! I'm currently experimenting with it, and it worked in my first attempt to embed a chart in my webpage... so it seems easy to use too!

Worth pointing out that this library is free for non-commercial use, but costs money for single-sites and multi-sites. It seems like a fairly reasonable price however.

Note
Rectangle 27 0

JavaScript Chart Library?


At first it as a shameless plug but they look REALLY awesome!! It in not free fot commercial use though, I have no reference wether the pricing is reasonable or not but they look ok at a glance!

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.

One more vote for Highcharts. I'm currently using it, and it is great. Supports jQuery, Mootools and Prototype, and it is very easy to setup and use.

This is the same charting library used in CloudFlare.com, and it looks really great. I was about to use DevExpress charting library, which is ASP.NET and renders and image in the sever when I stumbled upon the highcharts library. I was convinced at once that this is the way to go. When I found out that CloudFlare, which has one of the most eye-catching dashboards/analytic's I've seen, uses it too I was sold! I'm currently experimenting with it, and it worked in my first attempt to embed a chart in my webpage... so it seems easy to use too!

Worth pointing out that this library is free for non-commercial use, but costs money for single-sites and multi-sites. It seems like a fairly reasonable price however.

Note
Rectangle 27 0

JavaScript Chart Library?


Additionally ExtJS 4.0 has introduced a great set of charts - very powerful, and is designed to work with live data.

I like flot in general but it wants all data to be numbers, so if you want to plot something like sales per customer (by name) or per product it won't work

I like flot too, have used this many times on different web apps before.

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.

It looks like flot charts look nicer than many of the others I have looked at. Here's a link to 20 JavaScript chart libraries: javascript.open-libraries.com/utilities/chart/

My only real complaint about flot is that when rendering in IE it looks terrible at any zoom level other then 100% (i.e. all the lines/blocks don't scale together - this definitely a problem for those of us with high resolution displays).

This is the same library Geoff Dalgas used to create the reputation graph here on StackOverflow. It truly is a nice bit of kit.

Note
Rectangle 27 0

JavaScript Chart Library?


  • Canvas-based, rendered in IE using ExplorerCanvas that in turns relies on VML
  • Ico, with an intuitive API based on a single function call to create complex charts
  • SVG on standard-based browsers, rendered as VML in IE
  • gRaphael, an extension of the Raphael graphic library

Grafico and Ico are two incompatible forks of the initial Ico by Alex Young. So it is not accurate to state that Ico has become Grafico. Grafico being just one of the forks.

It should be noted that Raphael appears to be no longer maintained. The last commit was July 2010 or so.

Just downloaded raphael charts, liking it lots but no docs, just to forewarn.

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...

SVG is not supported in pre-Honeycomb Android. If being able to view the charts on a broad range of current Android devices is a requirement, you'd have to pick a Canvas-based solution. This article on Sencha Touch Charts goes into more details on mobile charting in general, and why Sencha Touch went the Canvas route.

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

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

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.

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.

Note
Rectangle 27 0

JavaScript Chart Library?


In case what you need is bar chart only. I published some code I've been using in an old project. Someone told me the VML implementation is broken on recent versions of IE, but the SVG should work just fine. Might be getting back to the project and release some serverside renderers I already have and maybe WebGL rendering layer. There's a link: http://blog.conquex.com/?p=64

Note
Rectangle 27 0

JavaScript Chart Library?


I can recommend ArcadiaCharts. A brand-new professional charting library for JavaScript and GWT. Runs in all browsers without plugins. Easy and fast to use: creates great looking charts with just a few lines of code. Free for non-commercial use.

I was playing around with this, and I noticed there's no way to get a commercial license on the web site. In fact, the web site is not clear whether this is free or not.

You are right. The website has been updated, so that you can now easily find out which commercial license fits to your requirements: ArcadiaCharts.

Note
Rectangle 27 0

JavaScript Chart Library?


@user102008: it is now :) (You can still access the old image based API if you want to)

Just what I would have said

just remember, Google Chart requires internet connection and also has some limits on the number of client requests allowed

Note
Rectangle 27 0

JavaScript Chart Library?


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.

Note