{"id":6156,"date":"2007-12-07T08:22:43","date_gmt":"2007-12-07T08:22:43","guid":{"rendered":"http:\/\/blog.tmcnet.com\/blog\/rich-tehrani\/e-commerce\/google-chart-api-2008-mashup-fuel.html"},"modified":"2007-12-07T08:22:43","modified_gmt":"2007-12-07T08:22:43","slug":"google-chart-api-2008-mashup-fuel","status":"publish","type":"post","link":"https:\/\/blog.tmcnet.com\/blog\/rich-tehrani\/technology\/google-chart-api-2008-mashup-fuel.html","title":{"rendered":"Google Chart API: 2008 Mashup Fuel"},"content":{"rendered":"
With all the talk of web mashups I find it amazing that the most interesting ones still seem to be map-based and especially revolve around the Google Map API<\/a>. Although Google doesn’t monetize this API, the free publicity the company has received because of this application programming interface is immense.<\/div>\n
 <\/div>\n
So if mapping APIs was the first phase of mashups, will the second phase be charts? It would seem we may find out soon as according to<\/a> Google Blogoscoped the new Google Chart API<\/a> allows you to display charts and graphs by sending parameters to the API and receiving a PNG graphic in return.<\/div>\n
 <\/div>\n
For example the following URL:<\/div>\n
 <\/div>\n
http:\/\/chart.apis.google.com\/chart?
\ncht=p3&chd=t:40,49,20,2,2,2&chs=450×225
\n&chl=Avaya|Cisco|Nortel|Toshiba|NEC|Aastra<\/div>\n
 <\/div>\n
will yield the following chart:<\/p>\n

\"\"<\/div>\n

 <\/div>\n
 <\/p>\n
This is what the parameters mean:<\/div>\n
 <\/div>\n\n\n\n\n\n\n
\n
cht=p3<\/font><\/pre>\n<\/td>\n
\n
chart type: in this case, a pie chart. p would specify a flat pie chart<\/em><\/div>\n<\/td>\n<\/tr>\n
\n
chd=t: 40,49,20,2,2,2<\/font><\/pre>\n<\/td>\n
\n
chart values: text-encoded, and separated by a comma<\/em><\/div>\n<\/td>\n<\/tr>\n
\n
chs=450x225<\/font><\/pre>\n<\/td>\n
\n
custom chart size: 350×150 pixels<\/em><\/div>\n<\/td>\n<\/tr>\n
\n
chl=Avaya|Cisco|Nortel
\n|Toshiba|NEC|Aastra<\/font><\/pre>\n<\/td>\n
\n
Labels: separated by the pipe character<\/em><\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
 <\/div>\n
What I like about this service is how easy it is to generate the charts. Moreover there are lots of parameters you can choose that I didn’t mention such as colors for the segments and background as well as resulting graphic label format.<\/p>\n

Update<\/strong>: This is just a demo chart and is not meant to represent anything at all except a test of how the charting service works.<\/p>\n

Update 12\/08\/07:<\/p>\n

This code yileds the following chart (note there are colors specified in this case):<\/p>\n

http:\/\/chart.apis.google.com\/chart?cht=p3&
\n&chco=ff0000,00ff00,0000ff
\n&chd=t:40,49,20,2,2,2,50,45&chs=450×225
\n&chl=Avaya|Cisco|Nortel|Toshiba|
\nNEC|Aastra|Scream|Tin%20Can<\/a><\/p>\n

\"\"<\/p>\n

<\/font><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

With all the talk of web mashups I find it amazing that the most interesting ones still seem to be map-based and especially revolve around the Google Map API. Although Google doesn’t monetize this API, the free publicity the company has received because of this application programming interface is immense.   So if mapping APIs<\/p>\n","protected":false},"author":44,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[163,118],"tags":[],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/blog.tmcnet.com\/blog\/rich-tehrani\/wp-json\/wp\/v2\/posts\/6156"}],"collection":[{"href":"https:\/\/blog.tmcnet.com\/blog\/rich-tehrani\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.tmcnet.com\/blog\/rich-tehrani\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.tmcnet.com\/blog\/rich-tehrani\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.tmcnet.com\/blog\/rich-tehrani\/wp-json\/wp\/v2\/comments?post=6156"}],"version-history":[{"count":0,"href":"https:\/\/blog.tmcnet.com\/blog\/rich-tehrani\/wp-json\/wp\/v2\/posts\/6156\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.tmcnet.com\/blog\/rich-tehrani\/wp-json\/wp\/v2\/media?parent=6156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.tmcnet.com\/blog\/rich-tehrani\/wp-json\/wp\/v2\/categories?post=6156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.tmcnet.com\/blog\/rich-tehrani\/wp-json\/wp\/v2\/tags?post=6156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}