Dynamisch erzeugte Grafiken erstellen und einbinden

Update: Hier gibt es Online-Gneratoren zur einfachen Erstellung der Grafiken:
http://www.clabberhead.com/googlechartgenerator.html
http://chartpart.com/
Um ad-hoc-Grafiken zu erstellen, habe ich einen schönen Dienst von Google entdeckt. Ohne Excel oder sonstige Grafikprogramme zu bemühen, kann man häufig gebrauchte Grafiken durch Änderung der URL-Parameter, über die Google Chart API nutzen.

In seiner einfachsten Form kann man den Aufruf im Browser ausprobieren:
http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Apfel|Birne

Wichtig: Die URL muss in einer Zeile stehen!


Durch das abändern einzelner Parameter in der URL, kann man die dynamisch erzeugte Grafik steuern.

Zum Beispiel:

1. chl=Pflaumen|Orangen, die Vergleichswerte um die es geht
2. chd=t:34,66, die Verteilung der Werte
3. chs=270x100, die Grafikgröße


Um eine Grafik in eine Website/Blog einzubauen wird das Ganze so eingesetzt:

<img src="http://chart.apis.google.com/chart?chs=270x100&amp;chd=t:34,66&amp;cht=p3&amp;chl=Pflaumen%7COrangen" alt="Beispiel-Chart" title="Verteilung von Pflaumen und Orangen in Prozent" />

Und so sieht es aus:

Laut Google:
Im Gegensatz zum Browser-Aufruf, wird der Code zur Benutzung in einer Website in ein <img> eingebettet und das &-Zeichen zum Parameteraufruf muss durch ein &amp; (Semikolon am Ende nicht vergessen) ersetzt werden.
Bei mir funktionierte es im Blog und einer "herkömmlichen" Website auch nur mit dem &.

Ein Beispiel mit einer Map, meine bisher besuchten Urlaubsländer (die Malediven sind leider zu klein geraten ;-):



Der Code sieht so aus:

<img src="http://chart.apis.google.com/chart?cht=t&chs=440x220&chd=s:Af951c326&chco=ffffff,edf0d4&chld=LKKEPHMVMXVEBRESIT&chtm=world&chf=bg,s,EAF7FE" alt="meine Urlaubsländer" title="meine besuchten Urlaubsländer"/>

Zwei weitere Beispiele:





Die Parameter-Steuerung kann ganz schön komplex werden und diverse Werte sind leider nur umständlich zu ermitteln.
Ein umfassendes Studium der Google-Dokumentation ist nicht zu vermeiden. Wenn man sich einen Satz an benötigten Charts erst einmal erstellt hat, kann man sich die Arbeit mit Copy&Paste und der Parameteranpassung erheblich erleichtern. Es gibt ja auch Blogs usw, die im Kommentarbereich den Einsatz von <img> erlauben, damit lässt sich evtl. so mancher Zahlensalat einfacher darstellen.

Der Einsatz der Grafiken ist auf 250.000 Aufrufe pro Tag begrenzt. Ich bin nur "ganz knapp" darunter ;-).

Blogs leben vom Feedback ihrer Leser! Ehrliche und faire Kommentare, Bewertungen und Links zu Beiträgen sind für alle sinnvoll.

Ähnliche Beiträge zum Thema/Kategorie: