Visualisation de données : Tableaux de bord avec Google Charts

Un des derniers projets que m’a confié le Smeag (Syndicat Mixte d’Etude et d’Aménagement de la Garonne) était relatif à L’observatoire Garonne, c’est à dire un site qui recense un nombre considérable de données sur l’écosystème de la Garonne et notamment sur les poissons migrateurs et le Plan de Gestion d’Etiage.

Les informations collectées depuis de nombreuses années se présentent sous la forme de données chiffrées et viennent enrichir une série d’indicateurs. Ces derniers devaient être représentés graphiquement de façon aisée par mon client. Ici, pas question de « parler Javascript ». En outre, les formes demandées étaient nombreuses : camemberts, courbes, barres (empilées ou non), aires (empilées ou non), représentation du temps, diagramme de Sankey, scatter plot, etc.

Tableaux de bord avec Google ChartsExtrait d’éléments du tableau de bord de l’Observatoire Garonne

Ma prestation de conseil en visualisation de données a donc débuté par la recherche d’un environnement souple, peu couteux (voire gratuit) qui pouvait répondre aux exigences de mon client.  Même si  plusieurs solutions pouvaient convenir, je me suis tourné vers la bibliothèque Google Charts, qui propose ces types de représentation avec la possibilité, via Google Drive, de disposer de sources de données aisées à mettre à jour . La difficulté a été d’écrire une interface qui masque le Javascript au client mais la mission a été accomplie puisque l’insertion et la modification des graphes et des sources de données est très simple dans le CMS de ma conception. (suite…)