Google Charts til dynamiske grafikker

by Nils Mulvad on 11. marts 2010

Google Charts er en gratis tjeneste fra Google. Google Charts kan bruges til at danne dynamiske web-grafikker, der let kan integreres i ens eget site, så teksten, der ligger på ens eget site, kan garneres med grafikker, der nok dannes hos Google, men vises som en integreret del af websiden.

Google Charts er smart, fordi al, den information, der styrerhele grafikken er indeholdt i linket. Dvs. man behøver ikke have data liggende på en særskilt tjeneste. Man producerer simpelthen grafikken, når linket aktiveres. Overskrift, punkter, kurver, farver, forklaringer.

Det gør det nemt senere at indbygge metoden i automatiske opdateringer af grafikker med indhold fra egne databaser.

En anden fordel er, at værktøjet er meget fleksibelt. Det er nemt at lave grafikker i præcis det stylesheet, som allerede bliver brugt på websiden.

Det er en god ide at bruge lidt krudt på at få lavet nogle skabeloner på grafikker på dit medie, så du blot i det daglige arbejde skal lægge tallene ind, hvorefter det kører.
Se den generelle vejledning her.

Har du danske karakterer (æ, ø og å) – brug encoder. Den finder du her.

Skal du embedde en grafik på et website, så brug denne kode:
<img src=”http://chart.apis.google.com/chart?cht=gom&amp;chco=4D89F9,C6D9FD&amp;chd=t:70&amp;chs=200×100&amp;chl=January”alt=”Sample chart” />

Nogle få eksempler
www.kaasogmulvad.dk/unv/update/arizona/grafiktest.htm
www.kaasogmulvad.dk/unv/update/arizona/test.htm
http://www.google.com/publicdata/home

På sitet om dødelighed blandt 3F-medlemmer, er alle grafikker lavet med Google Charts. Se her.

Metoden

For at lære at lave grafikker på den måde skal man lure metoden af med at skrive hele grafikken i url’en. Den smarteste måde er at starte med nogle simple grafikker og langsomt udbygge med flere og flere.
For at gøre det nemmere har jeg lavet en oversigt med en stribe eksempler på Google Charts, som du kan bruge til at lære metoden. Se her.

Leave a Comment

Previous post: Digital sporhund på forårsseminar

Next post: Journalister som skydeskive