Google vous permet de faire des images graphiques

Le 11 décembre 2007

J’ai pris comme exemple un sondage vu sur le blog de Vincent Abry et réalisé par Darren Rowse auprès de ses lecteurs pour le mois d’Octobre 2007. Sur les 3054 réponses, 855 (28%) blogeurs ne perçoivent rien et 2199 blogueurs (72%) gagnent de l’argent avec leur blog.

Voici l’image générée par l’API Chart de google :

Exemple de Graphique avec Google API

Ci-dessous voici le code HTML pour créer votre image

[HTML] Exemple de Graphique avec Google Chart API
[/HTML]

Explication

  • chs=428×200 : la taille du graphique en pixel vous pouvez allez jusqu’à 1000x300px
  • &cht=p : le type de graphique p(camemberts), p3 (camemberts 3D), lc (courbes)
  • &chd=s:aMNSIEDECBJ : les données, la partie un peu complexe. Ici le A correspond à 0, le B à 1… le a à 26, le b à 27…. J’ai utilisé le simple encoding (noté le « s: » devant les données) mais il existe 2 autres formes qui permettent d’intégrer des données plus complexes (chiffres plus importants avec ou sans virgules). Pour plus d’explications.
  • &chtt=Le+revenus+des+blogeurs+US|en+octobre+2007 : le titre le (pipe | sert pour changer de ligne)
  • &chl=moins+de+$10|… : la légende
  • &chco=0404D4,… : les couleurs

L’API est très complète, on se rend compte que le développement de Google stylesheet (ou documents) a largement contribué à l’éventail des possibilités de l’API. Vous pouvez personnaliser le rendu avec le choix de plusieurs graphiques, d’afficher ou pas la légende, de changer la couleur et la taille du titre…

google-document-tableur


Envie de discuter de cet article ? Envoyer un message sur Twitter ou envoyez-moi un e-mail. Si cet article vous a plu, n'hésitez pas à le partager sur Twitter ou Facebook.