Google has released an easy to use API that creates charts and lets you very easily imbed them in your web pages. For example, here's a chart that shows recent browser usage for visitors to this site:
The code that produces that is as easy as you could want: I simply put "https://chart.apis.google.com/chart?cht=p3&chd=t:45.8,38.7,15.5&chs=270x100&chl=Firefox|IE|All%20Others" inside an <img> tag.
I first got wind of this from a post at Technometria, by the way. Good site, worth a visit. I could have made it a line chart just by changing the "cht=p3" to "cht="lc":
Fantastic stuff, and pretty easy to use. However, I ran into trouble when I wanted to make a bar chart. Let's try it:
Ugh. That's kind of cramped. How do we spread it out? Maybe it just needs more room, let's try making it wider:
No, that didn't do it. We need to add a new parameter: "chbh=40,20". That says the bars are 40 pixels wide, with 20 pixels between them.
There, that's better. The data provided in these examples has to be in the range of 0 to 100 (and -1 for missing data), but Google provides two other ways to encode larger values and even a little bit of Javascript so that you don't have to do the encoding yourself. Take a look at the Developer's Guide page for all the details.
Note the usage policy:
Use of the Google Chart API is subject to a query limit of 50,000 queries per user per day.
That's certainly well within my parameters..
Got something to add? Send me email.
More Articles by Anthony Lawrence © 2009-11-07 Anthony Lawrence
UNIX is simple. It just takes a genius to understand its simplicity. (Dennis Ritchie)
Printer Friendly Version
Google's new Chart API spiffs up your web pages Copyright © December 2007 Tony Lawrence
Have you tried Searching this site?
This is a Unix/Linux resource website. It contains technical articles about Unix, Linux and general computing related subjects, opinion, news, help files, how-to's, tutorials and more.
Contact us
Printer Friendly Version