A Ruby Gem for the Google Visualization API. Write Ruby code. Generate Javascript. Display a Google Chart.
Ruby JavaScript
Pull request Compare This branch is 43 commits behind winston:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.



Build Status

GoogleVisualr, is a wrapper around the Google Chart Tools that allows anyone to create beautiful charts with just plain Ruby. You don't have to write any JavaScript at all.

It's good for any Ruby (Rails/Sinatra) setup, and you can handle the entire charting logic in Ruby.

Please refer to the GoogleVisualr API Reference site for a complete list of Google charts that you can create with GoogleVisualr.


  • In your model or controller, write Ruby code to create your chart (e.g. Area Chart, Bar Chart etc).
  • Configure your chart with any of the options as listed in Google's API Docs. E.g. Area Chart.
  • In your view, call chart.to_js(div_id) and that will insert JavaScript into the final HTML output.
  • You get your awesome Google chart, and you didn't write any JavaScript!


GoogleVisualr is created solely for the aim of simplifying the display of a chart, and not the interactions.

Hence, do note that GoogleVisualr is not a 100% complete wrapper for Google Chart Tools.

E.g., Methods and Events as described in Google's API Docs - for use after a chart has been rendered, are not implemented because they feel more natural being written as JavaScript functions, within the views or .js files.


Assuming you are on Rails 3, include the gem in your Gemfile.

gem "google_visualr", ">= 2.1"


This is a basic implementation of the GoogleVisualr::DataTable and GoogleVisualr::AreaChart classes.

For detailed documentation and advanced implementations, please refer to the GoogleVisualr API Reference or read the source.

In your Rails layout, load Google Ajax API in the head tag, at the very top.

<script src='https://www.google.com/jsapi'></script>

In your Rails controller, initialize a GoogleVisualr::DataTable object with an empty constructor.

data_table = GoogleVisualr::DataTable.new

Populate data_table with column headers, and row values.

# Add Column Headers
data_table.new_column('string', 'Year' )
data_table.new_column('number', 'Sales')
data_table.new_column('number', 'Expenses')

# Add Rows and Values
	['2004', 1000, 400],
	['2005', 1170, 460],
	['2006', 660, 1120],
	['2007', 1030, 540]

Create a GoogleVisualr::AreaChart with data_table and configuration options.

option = { width: 400, height: 240, title: 'Company Performance' }
@chart = GoogleVisualr::Interactive::AreaChart.new(data_table, option)

In your Rails view, render the Google chart.

<div id='chart'></div>
<%= render_chart(@chart, 'chart') %>


For an example usage of listeners, please refer to this comment.

Besides listeners you can now also redraw charts in your JavaScript maunally by calling draw_<element id>() function. See this commit for more details.


Please submit all feedback, bugs and feature-requests to GitHub Issues Tracker.

Feel free to fork the project, make improvements or bug fixes and submit pull requests (with tests!).

Who's Using GoogleVisualr?

I would like to collect some data about who's using this Gem. Please drop me a line.

Change Log

Version 2.3.0

  • Issue 69 Support generating chart Javascript without <script> tag
  • Split base_chart#to_js into 3 methods - to_js, load_js and draw_js which can be used on their own.

Version 2.2.0

Version 2.1.9

Version 2.1.8

  • Issue 45 Support for redrawing chart from JS.

Version 2.1.7

  • Issue 56 Typecast to proper JSON strings.

Version 2.1.6

Version 2.1.5

Version 2.1.4

Version 2.1.3

  • Added support for Bubble Chart.
  • Pull Request 37 Added support for Stepped Area Chart.

Version 2.1.2

  • Pull Request 28 Removed InstanceMethods as it's deprecated in Rails 3.2.x.
  • Pull Request 26 Added 3 more image charts and #uri method to all image charts.

Version 2.1.1

  • Added support for role and pattern attributes in #new_column and #new_columns methods.

Version 2.1.0

  • Added #render_chart as a helper method in Rails views.


GoogleVisualr is maintained by Winston Teo.

Who is Winston Teo? You should follow Winston on Twitter, or find out more on WinstonYW and LinkedIn.


Copyright © 2012 Winston Teo Yong Wei. Free software, released under the MIT license.