# # Google's new Chart API spiffs up your web pages
APLawrence.com -  Resources for Unix and Linux Systems, Bloggers and the self-employed

Google's new Chart API spiffs up your web pages

I've removed advertising from most of this site and will eventually clean up the few pages where it remains.

While not terribly expensive to maintain, this does cost me something. If I don't get enough donations to cover that expense, I will be shutting the site down in early 2020.

If you found something useful today, please consider a small donation.



Some material is very old and may be incorrect today

© December 2007 Anthony Lawrence

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:

Chart of browser usage

The code that produces that is as easy as you could want: I simply put "http://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":

Chart of browser usage

Fantastic stuff, and pretty easy to use. However, I ran into trouble when I wanted to make a bar chart. Let's try it:

Chart of browser usage

Ugh. That's kind of cramped. How do we spread it out? Maybe it just needs more room, let's try making it wider:

Chart of browser usage

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.

Chart of browser usage

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..


If you found something useful today, please consider a small donation.



Got something to add? Send me email.





(OLDER)    <- More Stuff -> (NEWER)    (NEWEST)   

Printer Friendly Version

->
-> Google's new Chart API spiffs up your web pages


Inexpensive and informative Apple related e-books:

Take Control of iCloud

iOS 8: A Take Control Crash Course

Take Control of Pages

Take Control of Apple Mail, Third Edition

Take Control of High Sierra





More Articles by © Anthony Lawrence





Printer Friendly Version

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





UNIX is simple. It just takes a genius to understand its simplicity. (Dennis Ritchie)




Linux posts

Troubleshooting posts


This post tagged:

Google

Programming

Web/HTML



Unix/Linux Consultants

Skills Tests

Unix/Linux Book Reviews

My Unix/Linux Troubleshooting Book

This site runs on Linode