Introduction à la visualisation interactive d'information

© 2018—2022 - Renaud Blanch

Ressources

Support de cours (en anglais)

• Introduction à la Visualisation Interactive d'Information
• Hiérarchies et Réseaux

Chapitre (en français)

Travaux pratiques

Quelques ressources avant de commencer :

• lire cette introduction : Intro to D3.js. Il s'agit d'une courte introduction aux standards du web (HTML, CSS, SVG) qu'il faut connaître avant de commencer avec D3. Il présente aussi de manière synthétique les concepts essentiels D3.
• pour une introduction plus poussée, se référer à : D3 in Depth (à parcourir pour avoir une idée du contenu, puis à garder sous la main pour la suite).
• garder la documentation officielle à porté de main : D3.js: a JavaScript/HTML/SVG/CSS visualization toolkit, en particulier cette collection de tutoriels et cette collection d'exemples.

1. Anscombe's quartet : le fameux quartet d'Anscombe reproduit avec D3
2. Cars : un premier ScatterPlot avec D3
3. GapMinder : un BubbleChart interactif

Webographie

• La Sémiologie graphique de Jacques Bertin
• La méthode graphique de Jaques Bertin

• A Tour Through the Visualization Zoo
• Treevis.net: A Tree Visualization Reference
• The TimeViz Browser: A Visual Survey of Visualization Techniques for Time-Oriented Data
• A Visual Survey of Text Visualization Techniques
• Visualization and Visual Analysis of Multifaceted Scientific Data: a Survey
• A Review of Temporal Data Visualizations Based on Space-Time Cube Operations
• Visualizing Sets and Set-typed Data
• The State of the Art in Visualizing Dynamic Graphs
• The Finance Vis Browser

D3.js

• D3.js: a JavaScript/HTML/SVG/CSS visualization toolkit
• Intro to D3.js: a quick intro to d3.js and the web standards it uses
• D3 in Depth aims to bridge the gap between introductory tutorials/books and the official documentation
• D3 Tips and Tricks
• Data cleaning, manipulation, and wrangling in JavaScript with d3.js
• Popular Blocks: D3.js code examples

Approfondissements

• articles mentionnés dans les cours
• exemples de sujets d'examens

mise à jour: novembre 2022