Today we're launching the Google Chart API, a really simple tool for creating charts and graphs that are perfect for websites.
Let's get straight in with an example. This URL:
http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|WorldCreates this image:
That's it - no state, no calls, just send your data in an http request and get a png image graph back. Embed the request in an img tag and you're done. We currently support line charts, bar charts, pie charts, scatter plots, and sparklines.
We actually built this originally to use internally - we use it on Google Video and Google Finance for example. It seemed like it would be a good thing to open up to other users too. You can find out all about it at on the Google Chart API homepage and there's a Google Chart API group for questions and support.
The Google Chart API started out as a 20% time project here in Zurich, and we're really happy to be launching it to the world today. Let the charting begin!
This is quite a nice to have!
ReplyDeleteGood job guys keep it coming !
I've been trying to figure out the http variables that you use on Google Video for some time for my script!
ReplyDeleteThis API should prove really useful! :D
This looks like a wonderful API, and you should be really proud at the work you have put in it.
ReplyDeleteHowever, I'm concerned that users of this API might be too quick to make overly simplistic charts.
Check out Edward Tufte for his thoughts on graphical displays of quantitative data.
NOTE: this is *not* a knock on the tool. Just a reference to more information for future users.
Looks good but is there any reason why you wouldn't include some Alt attributes to that? since the data is there?
ReplyDeleteSimple is good. I like. Lots.
ReplyDelete有辦法支援中文嗎？
ReplyDeletesupport chinese？
Brilliant! I was just looking this morning for an easy way to do sparklines on my website. I think this is it.
ReplyDeleteCool. It’s really useful tool. I'll use it in my web based projects. Thanks to Google again.
ReplyDeleteWow, great job.
ReplyDeleteCan you detail the limitations? "50,000 queries / user / day" means 50,000 queries / IP / day or 50,000 queries / site / day or something else?
ReplyDeleteGreat job folks!
ReplyDeleteAre there any chances the categories (for example in your pie chart) may be hotlinked to something else (for example to 'drill down' into the data)
Also, since AFAIK you folks now own gapminders, is there a chance for future work to go a little bit in that direction?
(to Ben - if you haven't seen this check out the TED videos - great examples of multidimensional data made comprehensible and actionable)
this is great. this is the simplest tool to generate sites! just plug-in to the image tag!
ReplyDelete真的是太酷了！！
ReplyDeleteGreat job, I already spent way too much time playing around ;)
ReplyDeleteI might be missing the point, but is there any way of mixing types of graphs in one view?
simply wondeful useful tool! nice job Google!
ReplyDeleteGoogle-girl kbissoon.
Krista-Lee Bissoon
Wow! This is simply super. I'm sure google will enable us to use hotspots in charts so we could hot link. I have coded a Simple Web Gui to create the URL for google charts. You are wellcome to use it if needed.
ReplyDeleteIndika's Blog
Google has released an open web API that provides a drop-dead simple means of adding graphs and charts to web pages. I really do find their implementation to be extremely elegant and powerful. Here are some sample charts and their usage urls. Good stuff... (Pingback)
ReplyDeletehttp://dataland.wordpress.com/2007/12/07/google-charting/
Hi,with all the vital role of open source software, where can I find the source code of the following google APIs?
ReplyDelete--- Google Chart API
--- Google Analytics
Thank you in advance,
Alfred.
I'm going to name my first-born "Google" or "Googlette".
ReplyDeleteThanks,
Chad
Sounds great!It would be even better if Google could provide us with a simple project management tool and compliment it with AIP charts. Right now I'm using Wrike for my projects and it would be really great if Google could offer us something like that.
ReplyDeletelike! Congratulations!
ReplyDeletegab
This comment has been removed by the author.
ReplyDeletenice one!
ReplyDeletecoded an interface to it, here
interface for google charts
simply Great!!
ReplyDeleteIt will be very much useful to me
Cool tool - will save a lot of people a lot of work.
ReplyDeleteAny thoughts on how to handle very long axis labels? The examples are for Jan, Feb, Mar etc but if there are much longer labels they end up running into each other.
Saw this on Simon Dickinson's blog- very useful, thanks loads.
ReplyDeleteSo how about a way to embed an actual stock chart from Google Finance in a web page?
ReplyDeleteThis API is great,
ReplyDeleteGoogle APIs are amazing,
I had implement a UI editor for Google Charts, you can access it at
http://chartgen.blogspot.com
This comment has been removed by the author.
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteVery cool way of presenting live data. We've included some Google charts on our homepate at www.goboko.com
ReplyDeleteDevelopers must check this.. http://tammixed.blogspot.com, what the didn't consider...
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteHi, Is there anyway to show the stock chart like the one in finance.google.com?
ReplyDeleteBasically, how to embed the google finance chart?
It's been about a year since the Google Chart API was launched. I was surprised it didn't have a Wikipedia article, so I started one for it here...
ReplyDeletehttp://en.wikipedia.org/wiki/Google_Chart_API
Feel free to add to it.
This simple programm can generate javascript code
ReplyDeleteCode generator
I found that the chart api works fine with a relatively simple url fpr QRs but when you try to feed it something like:
ReplyDelete...com/showcaseproductdetail.htm?ID=157729&Used=1&
it will not encode the whole address resulting in the wrong qr code. Rather than attempt to convert the longer url’s to UTF-8 I was wondering if anyone had a relatively simple solution to use the google url shortener within a script like the one below (preferrably not the .qr option in the shortener as it defaults to a size too small for print).
----------
<5cript type="text/javascript">
document.write( '<1mg src=\"http://chart.apis.google.com/chart?chs=220x220&cht=qr&chl=' + location.href + '\">' );
some characters replaced to allow me to post