eclaireur.net

WebDesign & Entrepreneur 2.0

"Les rêves donnent du travail." - Paulo Coelho

le 11.12.2007 à 7:21

Ajouter un commentaire

Google vous permet de faire des images graphiques

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=428x200 : 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

Si vous avez trouvé cet article intéressant, abonnez-vous gratuitement au flux RSS d'eclaireur ou bien par email.
 

Auteur

David Marchesson est freelance développeur web & webdesigner. Il va bientôt se lancer dans l'univers des entrepreneurs Web. Il adore le net, les bonnes idées et parler de lui à la 3eme personne. Ce site sera sa balise dans cette vie digitale.

Suivez ce blog

Si ce blog vous plait, abonnez-vous. Ce flux RSS permet de recevoir en utilisant un lecteur les dernières nouvelles de ce site.

Recevez les billets par email

Vos réactions

  • cyril: hey, je vois que tu l’as bien sorti cet article finalement :)
  • Franck Quintana: Sur le fond, très bonne nouvelle ! D’autres villes feraient bien de s’en inspirer.
  • Franck Quintana: « connection & raquo; s’écrit « connexion &r aquo; en...
  • Maunel: Interessant, j’avais un peu de mal avec la notion de framework css mais après avoir jeté un oeil ça...
  • pako69: Bonjour, Merci pour cette astuce, en revanche depuis les mises à jour récentes de Mail, le chemin...
  • Jean Louis DARRIÈRE: Bonsoir. J’ai particulièrement aimé votre démonstration mais je dois faire une erreur...

Partenaires

Dropbox, 2go d'espace de stockage gratuitDeveloppeur Freelance web developpement webdesigner

Activité

Aucun commentaire, laissez un message. Utilisez ce lien pour faire un trackback sur ce billet :
http://www.eclaireur.net/technique/google-vous-permet-de-faire-des-images-graphiques/trackback/

Ajouter un commentaire

N'hésitez pas à discuter de votre point de vue. Les informations obligatoires sont indiquées par une *.

HTML accepté :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Fermer
E-mail It

Haut de page