Een weblog over webdesign & internet

Grafieken genereren met Google Chart API

Google biedt inmiddels een uitgebreid scala aan gratis tools die het leven van webontwikkelaars moeten vereenvoudigen.

Van deze zogenaamde API's (application programming interface) is de Google Maps API waarschijnlijk de bekendste, maar er zijn ook API's om koppelingen met YouTube en Picasa mogelijk te maken, om RSS feeds in een website op te nemen, online betalingen af te handelen, customized zoekmachines te bouwen en ga zo maar door.
Een overzicht van de beschikbare API's vind je hier.

Vandaag is er weer een nieuwe API aan de lijst toegevoegd, namelijk de Google Chart API. Deze maakt het toevoegen van dynamisch gegenereerde grafieken kinderlijk eenvoudig.

Hoe werkt het?

Simpel: voeg een image tag toe aan je html welke linkt naar een Google pagina en een aatal parameters bevat, en Google geeft je een PNG met daarin de gegenereerde grafiek.

Zo zal het aanroepen van de volgende url onderstaande taartgrafiek opleveren:

http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|World

Natuurlijk zijn er bestaande technieken die meer mogelijkheden bieden in zowel functionaliteit als grafische weergave.

Zo hebben wij voor een recentelijk afgeronde opdracht gebruik gemaakt van de software van FusionCharts, welke op basis van Flash werkt. Hiermee kunnen de meest fantastische (3D)grafieken gegenereerd worden, inclusief animatie indien gewenst.

Maar ondanks (of eigenlijk juist: vanwege) de eenvoudige opzet van de Google Chart API is het met een beetje creativiteit toch mogelijk om redelijk gecompliceerde grafieken te genereren. Google biedt hiermee een voortreffelijke dienst aan voor iedereen die dynamisch gegenereerde grafieken in zijn/haar site op wil nemen. Zeker het overwegen waard dus.

Rest alleen nog de vraag: hoe denkt Google hier op termijn geld aan te verdienen?

 

Voor de liefhebbers hebben we hieronder nog een aantal voorbeelden van Google Chart grafieken op een rijtje gezet: