76

I'd like to add some pie, bar and scatter charts to my Ruby on Rails web application. I want want them to be atractive, easy to add and not introduce much overhead.

What charting solution would you recommend?
What are its drawbacks (requires Javascript, Flash, expensive, etc)?

3
  • In the end I went for a google charts implementation, but I'm now switching over to Google Visualization.
    – RichH
    Jan 7, 2009 at 17:04
  • I've now switched over to D3 in 2013
    – RichH
    Feb 23, 2013 at 6:57
  • highcharts is a great library
    – hsgubert
    Apr 30, 2015 at 3:44

31 Answers 31

59

Google Charts is an excellent choice if you don't want to use Flash. It's pretty easy to use on its own, but for Rails, it's even easier with the gchartrb gem. An example:

GoogleChart::PieChart.new('320x200', "Things I Like To Eat", false) do |pc| 
  pc.data "Broccoli", 30
  pc.data "Pizza", 20
  pc.data "PB&J", 40 
  pc.data "Turnips", 10 
  puts pc.to_url 
end
3
  • I've decided to go with Google Charts and gchartrb to start with. It's simple and quick - I can move to something more sophisticated when I need to.
    – RichH
    Sep 18, 2008 at 16:58
  • 1
    I've since found the Google Charts a bit of a pain as the pie labels often overflow the sides of the chart and they aren't they pretty. I'm moving to Google Visualizations which looks a lot nicer so far, but is Javascript based.
    – RichH
    Jan 7, 2009 at 17:05
  • 4
    Where do you put this code? On a controller? How do you display it?
    – B Seven
    May 24, 2011 at 17:35
15

If you don't need images, and can settle on requiring JavaScript, you could try a client-side solution like the jQuery plugin flot.

13

I am a fan of Gruff Graphs, but Google Charts is also good if you don't mind relying on an external server.

8

It requires flash and isn't free (though inexpensive): amcharts.

I've used it successfully and like it. I evaluated a number of options a while back and chose it. At the time, however, Google Charts wasn't as mature as it seems to be now. I would consider that first if I were to re-evaluate now.

0
7

There's also Scruffy. I took a look at the code recently and it seemed easy to modify/extend. It produces svg and (by conversion) png.

0
6

Have you tried the Google Charts API? - web service APIs don't really come much simpler. It's free to use, simple to implement, and the charts don't look too shoddy.

6

Open Flash Chart II is a free option that gives very nice output. It does, as you'd expect, require Flash.

Fusion Charts is even nicer, but is $499. In researching this, I found a cut-down free version that might serve your needs.

6

I 2nd the vote for flot. The latest version lets you do some animations and actions that I previously thought would only be possible via Flash. The documentation is fantastic. It simple to write by hand, but for simple cases it gets even easier with a Rails plugin called flotilla. You should check out the examples page for a better idea of what it's capable of. The zooming and hover capabilities are especially impressive.

4

The new Google Visualization appears to produce charts that are of more varied type, better looking and interactive than Google Graphs.

http://code.google.com/apis/visualization/

4

Morris.js is nice and open source. I would like to choose it comparing to highcharts. There is a new great video tutorial from Railscasts

3

I've just found ZiYa produces some really sexy charts and is Rails specific.

The downsides are it uses Flash and if you don't want the sites to link to XML/SWF page it costs $50 per site.

[I've not decided on it yet, but wanted to throw it out there in case people want to vote it up]

4
  • Gruff Graphs does not require flash, is rails specific, and is free.
    – Doug Moore
    Sep 17, 2008 at 22:17
  • Also, it looks like ZiYa is just giving you easy methods to implement maani.us/xml_charts/index.php?menu=Gallery
    – Doug Moore
    Sep 17, 2008 at 22:19
  • You're right lordscarlet ZiYa is just a RoR wrapper for the XML/SWF charts, but that could be quite useful. The license is for XML/SWF - you get ZiYa for free.
    – RichH
    Sep 18, 2008 at 0:34
  • Good point. I have used XML/SWF and I like the functionality a lot. The upsides involve the flash functionality, but the downside is that it is flash. Images are a little more portable.
    – Doug Moore
    Sep 18, 2008 at 2:02
3

I've used Fusion Charts extensively from within a Java web application, but it should work the same way from Rails since you're just embedding a Flash via HTML or JavaScript and passing it XML data. It's a slick package and their support has always been very responsive.

3

You should take a look at Dmitry Baranovskiy's Javascript library called Raphaël.

0
2

Google charts is very nice, but it's not a rails only solution. You simple use the programming language of your choice to dynamically produce urls that contain the data and google returns you back a nice image with your chart.

http://code.google.com/apis/chart/

2

In the old days, I decided to roll my own (using RVG/RMagick), mainly because Gruff didn't have everything I wanted. The downside was that finding and eliminating all the bugs in graphing code is a pain. These days Gruff is my choice as it's really gone forward in terms of customization and flexibility.

The standard Gruff templates/color choices suck though, so you'll need to get your hands dirty for best results.

2

Regarding amcharts, there's a "free" version with a very few restrictions that generates Flash charts including the 'chart by amCharts.com' mention.

And there's a nice plugin, ambling, that provides you with some helper methods to easily add charts to your views. Please note that amCharts.com reference documentation is still a must to tailor the chart to your requirements.

2

GoogleCharts and Gruff charts are great, but sometimes they lack some features that I need for more scientific plotting. There is a gem for gnuplot which may be helpful for some of these situations.

http://rgplot.rubyforge.org/

2

I have started using protovis to generate SVG charts with javascript. My basic approach in rails is to have a controller that returns the data to be charted as JSON, and scoop it up with a bit of javascript and protovis.

Only downside, is that full IE support (Since it is based on SVG) is currently unavailable straight out of the box... However, current patches go a fair way to providing IE support, details of which can be found here.

1

I personally prefer JavaScript-based charts over Flash. If that's ok, also check out High Charts. A Rails plugin is also available.

1

The gchartrb gem is no longer maintained, it seems. The author points to these gems:

0

We do this by shelling out to gnuplot to generate the charts as PNGs server-side. It's a bit old-school and the charts aren't interactive but it works and is cacheable.

(The other reason we do this is so we can put exactly the same chart in the PDF version of the report).

0

This isn't specifically RoR however, it is pretty slick port of Gruff to javascript: http://bluff.jcoglan.com/

0

ChartDirector. Ugly API, but good, server-side image results. Self contained binary.

0

FWIW, I'm not a fan of using Google Charts when fit & finish is important. I find that the variables for sizing, in particular, are unpredictable - the chart does its own thing.

I haven't yet played with Gruff/Bluff/etc., but for a higher-profile project I won't use Google Charts.

0

If you want quite sexy charts, easy to generate, and you can enable Flash, then you should definitely have a look at maani.us xml/swf charts.

Some XML builder behind it and you're ready to go.

2
  • The ZiYa wrapper I mentioned provides a Rails wrapper for xml/swf. Very cool looking charts.
    – RichH
    Sep 23, 2008 at 22:05
  • The ZiYa wrapper appears to be dead and is severely lacking documentation now. Jun 19, 2012 at 15:37
0

FusionCharts is a very good charting product. Works well with RoR. Their support and forums are good. The free version of this product has limited number of charts and features, but no watermark.

0

I just started using googlecharts for my rails 3 project. It is nice and clean, and seems to be the only google visualization api based gem which is alive. Others are inactive and mostly use the old google charts api (released somewhere in 2007-2008).

https://github.com/mattetti/googlecharts

0

D3 has become my preferred way add great looking charts to web apps. You have to do a little mroe work that some other frameworks, but the appearance and control outweighs that.

I primarily use SVG, which means no IE8, but that is becoming less of an issue.

0

HighChart - A charting library written in pure JavaScript

Gems like highchart-rails, lazy-high-chart makes the integration with rails easier

0

gem 'chart' makes it easy to add ChartJS and NVD3 charts to rails.

Not the answer you're looking for? Browse other questions tagged or ask your own question.