Charts and Graphs

Add to iTunes | Add to YouTube | Add to Google | RSS Feed

I’m not much of a math guy, but I do love graphics. Seeing numbers turn into charts or graphs is just cool to me. Google has created an easy way to make a chart or graph easily simply by typing in a URL.

If you go to code.google.com/apis/chart, you will see the instructions and different things you can do. Numbers are separated by the & symbol. You can choose from a simple chart to a 3D chart, graphs of all types, Venn diagrams and even scatter plots.

The Google Chart API returns a PNG-format image in response to a URL. Several types of image can be generated: line, bar, and pie charts for example. For each image type you can specify attributes such as size, colors, and labels. You can include a Chart API image in a webpage by embedding a URL within an tag. When the webpage is displayed in a browser the Chart API renders the image within the page. There are three encoding formats:

• Simple encoding has a resolution of 62 different values. Allowing five pixels per data point, this is sufficient for line and bar charts up to about 300 pixels. Simple encoding is suitable for all other types of chart regardless of size.
• Text encoding has a resolution of 1,000 different values, using floating point numbers between 0.0 and 100.0. Allowing five pixels per data point, integers (1.0, 2.0, and so on) are sufficient for line and bar charts up to about 500 pixels. Include a single decimal place (35.7 for example) if you require higher resolution. Text encoding is suitable for all other types of chart regardless of size.
• Extended encoding has a resolution of 4,096 different values and is best used for large charts where a large data range is required.

This is very cool. I wouldn’t be surprised if developer’s are already working on a way to make Google Charts even easier to use!

Want to embed this video on your own site, blog, or forum? Use this code or download the video:

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/nICC-T7z21Q"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/nICC-T7z21Q" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object><br /><a href="http://chris.pirillo.com/">Chris</a> | <a href="http://live.pirillo.com/">Live Tech Support</a> | <a href="http://media.pirillo.com/">Video Help</a> | <a href="http://feeds.pirillo.com/ChrisPirilloShow">Add to iTunes</a>