Dans la série des constructions de graphes en ligne voilà un nouveau site share-a-graph.com qui permet de créer des graphes en tous genres à condition d’apprendre un peu la syntaxe spécifique à leurs élaborations. L’élaboration d’un graphe prend du temps, il faudra donc passer un peu de temps avant de comprendre toutes les options disponibles sur le site. Heureusement qu’on peut s’inspirer des graphes existants, enfin ceux qui sont en mode public.
Pour commencer à utiliser share-a-graph.com il faudra déjà créer un compte (1) qui nous permettra de mettre en mémoire toute notre production. Cela permettra aussi de reprendre les données insérées et le modifier le cas échéant.
Ensuite vous pouvez soit créer un graphe nouveau (2) soit vous inspirer des graphes déjà existants (3).
Pour l’exemple j’ai réalisé le graphe de dépense de mon budget 2013 qui m’a servi en fait d’expliquer que le coût de la vie au Brésil est plutôt élevé et ça donne ça. Il s’agit de mon budget personnel montré dans un camembert qu’appelle en anglais « pie » (gâteau)
Pour réaliser un tel graphe, il faudra donc bien comprendre la mise en forme des données et c’est ce qui a été le plus difficile. Il faudra déjà régler les paramètres généraux de graphe. Première difficulté; il faudra un peu maîtriser le code des couleurs en hexa-décimal pour régler les couleurs. Il vaut mieux laisser les valeurs par défauts pour un premier essai.
L’étape suivante sera de populer le graphe avec des données, c’est la partie la plus délicate et j’ai mis un peu de temps pour comprendre la logique. Vous pouvez aussi importer des fichiers en csv, txt ou log, dans ce cas, il faudra bien faire attention que les données soient bien séparées d’un point virgule.
Pour réaliser mon graphe, j’a tapé la syntaxe suivante :
Voiture;voyage france; Santé ; Education; Alimentation;impots;Charge appart;restaurant populaire;femme de menage;electricité + telecom;Losirs;habillement;informatique + electroménager;Vacances d’hiver;
% budget;Pie;2950;2500;1600;1200;1000;833;800;640;600;530;500;300;250;167;
Une fois que vous avez fini vos réglages, vous pourrez exporter votre graphe en format png, jpb (la résoluation n’est pas top) en pdf (où la reproduction est fidèle). Vous pouvez récupérer le code sous forme ‘iframe » ou partager votre graphe sur les réseaux sociaux. Dans mon cas, j’ai préféré faire une copie d’écran.
Conclusion : cet outil n’est pas intuitif, il y a une petite courbe d’apprentissage à entreprendre pour maîtriser la syntaxe.
Voilà d’autres exemples de réalisation :