Using Google Visualizations in Google Sites

 by kirk.cieszkiewicz
Main Icon.bmp

Alright, I'm going to have to grill Google for being so thick as to block their own product...

BUT HOW COULD YOU DO SUCH A THING GOOGLE???

Anyways, Google Visualizations is a great way to make pretty, official, and interactive charts.

However, Google Sites has no easy way (that I have seen) of embedding their charts into their sites.
 
Remove these adsRemove these ads by Signing Up

Step 1: Creating a chart

Google Visualizations Playground.bmp

First, we need a chart to do so...

If you have no experience with JavaScripting, or Google Visualizations, I suggest going to the Google Code Playground

http://code.google.com/apis/ajax/playground/?type=visualization

Once you have the desired code, create a new HTML document (using notepad or notepad++) and copy the HTML code into the text editor.

Save as an HTML (*.htm, or *.html, it really doesn't matter)
Pro

Get More Out of Instructables

Already have an Account?

close

PDF Downloads
As a Pro member, you will gain access to download any Instructable in the PDF format. You also have the ability to customize your PDF download.

Upgrade to Pro today!