Objectifs du cours
Ce cours est une introduction à la visualisation interactive de données. Il couvre :
- Les principes de base de perception, cognition et de visualisation
- La typologie des graphiques pour les principaux types de données
- La réalisation une visualisation Web interactive en utilisant d3.js en utilisant un jeu de données réel
Planning du cours
| id | Heures | Date | Thème | Ressources | Intervenants |
|---|---|---|---|---|---|
| #1 | 08h-12h | 02/11 | Principes de bases en visualisation | Cours (pdf), TP#1 Tableau | Aurélien Tabard |
| #2 | 08h-12h | 09/11 | Principes de programmation en D3.js | Cours (pdf), TP#2 D3.js Intro | Romain Vuillemot |
| #3 | 09h-12h | 16/11 | Principes de Design et visualisation | Cours (pdf), TD: Five Design Sheets | Aurélien Tabard |
| #4 | 08h-12h | 23/11 | Visualisation avancée (données temporelles) | Cours (pdf), TP#3 D3.js Intro | Romain Vuillemot |
| #5 | 08h-12h | 30/11 | Visualisation avancée (données spatiales) | Cours (pdf), TP#4 D3.js carto | Aurélien Tabard |
| #6 | 09h-12h | 07/12 | Bilan projet | tous | |
| #7 | 08h-12h | 14/12 | Visualisation avancée (Graphes) | Cours (pdf), TP#5 D3.js Graphes | Nicolas Bonneel |
| #8 | 09h-12h | 21/12 | TP banalisé projets | Tous | |
| 04/01 | pas de cours | ||||
| #9 | 08h-12h | 11/01 | Soutenances de projet | Tous |
Évaluation
Ce cours est en contrôle continu intégral. La moyenne sera constituée des notes suivantes :
- Une présentation d'article scientifique (binome) (20%)
- Un TP noté (Visualisation de Graphes, individuel) (20%) - rendu le 20/12 à 23h59
- Une note de projet (60%), constituée de :
- process book (malus si pas fait) - rendu le 10/01, minuit
- rédaction d'un article ou d'un site (33%) - 1er rendu le 29/11, rendu final le 12/01, minuit
- peer review (5%) - rendu le 07/12 (individuel)
- réalisation technique (45%) - rendu le 10/01
- présentation et démo (17%) - rendu le 10/01
Tous les TPs sont à rendre, des malus seront appliqués au TP noté, s'ils ne sont pas rendus.
Les modalités de rendu seront précisées ultérieurement.
Git, GitHub et gestion de fichiers
Ce cours nécessite de votre part un compte sur GitHub. Il sera utile pour y déposer le rendu de votre projet final. Mais également de TP en D3.js intermédiaires. Pour cela, il vous est indispensable de créer un compte GitHub et d'en maitriser l'usage pour valider ce cours. A noter que GitHub est très utilisé dans l'industrie et le monde de la recherche, sa maîtrise vous apportera un plus si vous candidatez sur un poste technique dans une entreprise.
- Créer un compte (gratuit) sur Github
- Se familiariser avec le site (par exemple cherchez un projet cool qui vous plait)
- Créez un premier projet (même facile) essayez de le modifier, mettre à jour, forker d'autres projets, etc.
- Comme suggéré ci-dessous, faire une pull request en corrigeant cette même page.
Ci-dessous quelques ressources :
- Git Command line
- Understanding Git Conceptually
- Set Up Git
- Git Desktop client (un choix parmis d'autres!)
Rendus en retard et suivi du travail.
Tout projet de qualité repose sur processus de conception itératif, intégrant des critiques.
Si les rendus ne sont pas fait en temps et en heure, ou que vous ne cherchez pas à recevoir de retours critiques, le résultat ne pourra qu'être décevant.
Nous n'acceptons pas les rendus en retard quels qu'ils soient. En cas de circonstances exceptionnelles, merci de nous le signaler rapidement. Tout rendu en retard fera l'objet d'un malus significatif et une justification du retard sera demandée.
Éthique
Les travaux existants sont une inspiration normale lors de tout processus de création. Pour autant, il est important de reconnaitre ses sources, et de les citer. Toute réutilisation de principes de design, de texte ou de code non référencé de manière explicite sera considéré comme du plagiat et de la copie, et sanctionné comme tel. Il est donc indispensable de clairement référencer ses sources.
Mises à jour et amélioration du site
Ce document peut faire l'objet de mises à jour continues. Nous vous invitons à en consulter régulièrement l'historique. Si par hasard vous identifiez une erreur (de tout genre) sur le site, ne pas hésiter à écrire une pull request.
Autres ressources sur le web
- Ressources de visualisation, InfoVis Group UBC Computer Science.
- CS 171, Harvard University.