Visualisation de données pour le web avec D3.js: Dites adieu aux camemberts

 

Description

D3.js est une librairie JavaScript de visualisation de données. Plus qu’une librairie de diagrammes, il s’agit d’un outil permettant de manipuler des données et des documents (d’où le nom D3 qui signifie “Data-Driven Documents”). Cela signifie qu’au lieu de fournir des types de graphiques précuits (comme le fait par exemple Google Charts), D3 fourni les outils de base nécessaires à manipuler les données et les documents d’une manière efficace. Cela signifie que D3 offre une très grande flexibilité, et que la seule limite est votre imagination (et/ou votre capacité à programmer). On peut considérer D3 comme un jQuery spécialisé dans la visualisation de données.

Nous commencerons cette présentation par quelques exemples de visualisation de données datant du 19ème siècle, vous montrant que ceux-ci étaient bien plus variés que les camemberts que nous produisons de nos jours avec Excel. Nous verrons ensuite comment choisir judicieusement différents types de diagrammes selon le type de données à montrer, le type de comparaison à effectuer, etc.

Nous attaquerons ensuite le vif du sujet, en explorant les concepts propres à D3 et en les mettant en pratique avec de simples exemples. A l’issue de cette présentation, vous serez capables de créer des visualisations interactives à partir de données JSON.

Pour finir, afin de vous inspirer, nous verrons plusieurs exemples de visualisations interactives réalisés à l’aide de D3 pour le site web du New York Times.