Create any kind of charts easily with Google Visualization API

If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!

Google just released Google Visualization API, which is a really cool great way to generate and embed beautiful charts into any webpage.
While the API is really Javascript based targeting web developers, the really cool thing about it is that you’re now able to generate Gadgets from within any Google Docs spreadsheet.

Easier done than said, actually. Just take a peek at this nice chart attempt:

Here’s what you have to do:

1. Open up a Google Docs spreadsheet
2. Fill in some data: the first column contains the labels, the second contains the data
3. Click on the “Create a Map, Chart or Table…” link
4. Select the chart type, data range and extra options
5. From the drop down menu that appears when you click on the arrow on top of the gadget, select “Publish Gadget”
6. Copy the html code that appears in any webpage you want.
   Like this:
   <script src="http://spreadsheets.google.com/gpub?url=http%3A%2F%2Ffr2uemo5-a.gmodules.com%2Fig%2Fifr%3Fup__table_query_url%3Dhttp%253A%252F%252Fspreadsheets.google.com%252Ftq%253Frange%253DB3%25253AC7%2526key%253DpDdwu6GMFeYb3vIf_e3SARw%2526gid%253D0%2526pub%253D1%26up_title%3D24%2520hours%26up_chartTitle%3D24%2520hours%26up_legend%3D0%26up_3d%3D1%26up__table_query_refresh_interval%3D0%26url%3Dhttp%253A%252F%252Fwww.google.com%252Fig%252Fmodules%252Fpie-chart.xml&height=514&width=450"></script>

Enjoy: