- Visualisation et interactions ([slides](https://docs.google.com/presentation/d/1BOTQs-mzA9mZ323FuXuCgFeJZjNBPDz7jZQtNY9xlyI/edit))
- Visualisation et interactions ([slides](https://docs.google.com/presentation/d/1BOTQs-mzA9mZ323FuXuCgFeJZjNBPDz7jZQtNY9xlyI/edit))
- Layouts D3 avancés : [grouped chart](https://docs.google.com/presentation/d/1ZbHPdD8ok5fFEaaMG6kHULpg0S8j8jpVkVqvPw8QZDY/edit#slide=id.g765aa770b7_0_108)([notebook du cours](https://observablehq.com/d/c50fc359e0d9803e))
- Layouts D3 avancés : [grouped chart](https://docs.google.com/presentation/d/1ZbHPdD8ok5fFEaaMG6kHULpg0S8j8jpVkVqvPw8QZDY/edit#slide=id.g765aa770b7_0_108)([notebook du cours](https://observablehq.com/d/c50fc359e0d9803e)) stacked graphs, pie chart ([slides](https://docs.google.com/presentation/d/1a79MLat-ftU25Uk7uM2JYfDSlKS-9hp94EnmegvcLg0/edit#slide=id.p)) ([observable du cours](https://observablehq.com/d/17206b80c861edd3))
- Méthode de prototypage de visualisation ([slides](https://docs.google.com/presentation/d/11kEkZK12C893qzyEDvkIjgFKPmRKFf-KDDOKiwGw6ys/edit))
- Méthode de prototypage de visualisation ([slides](https://docs.google.com/presentation/d/11kEkZK12C893qzyEDvkIjgFKPmRKFf-KDDOKiwGw6ys/edit))
- Prototypage papier des visualisations du projet (par groupe)
- Prototypage papier des visualisations du projet (par groupe)
### TP 4
### TP 4
*[TP 4 Geo map](pdf/tp4-geo.pdf) : réaliser une carte géographique en D3
* Travail sur la V1 des projets, visulisations exploratoires (bar chart, scatterplot, line chart du TP 3) dans un notebook Observable et mettre lien dans la colonne H
* Validation du sujet du projet (par groupes)
➡ Pour la prochaine séance
➡ Pour la prochaine séance
* Projets : ajouter le prototype papier au cahier des charges et commencer l'implémentation
* 📖 Lire D3.js avancé : [Réseaux](https://livebook.manning.com/book/d3-js-in-action/chapter-6/81) et [Layouts](https://livebook.manning.com/book/d3-js-in-action/chapter-5/1)
* Visualisations de graphes, d'arbres et de réseaux ([slides](https://docs.google.com/presentation/d/1zhbOrcbVMEfnl8tx07TPNuY8oEIeGyuYVeCR5Rb4h9g/edit#slide=id.p))
* Visualisations de graphes, d'arbres et de réseaux ([slides](https://docs.google.com/presentation/d/1zhbOrcbVMEfnl8tx07TPNuY8oEIeGyuYVeCR5Rb4h9g/edit#slide=id.p))
* Cas d'étude visualisation du traffic routier : ([slides](https://docs.google.com/presentation/d/1kX4vkRbFAw5WMFnL0nDMLxA44rhp_ywtNxHCrGGr2ks/edit#slide=id.p), [notebook](https://observablehq.com/d/a389dd020d66948e))
* Cas d'étude visualisation du traffic routier : ([slides](https://docs.google.com/presentation/d/1kX4vkRbFAw5WMFnL0nDMLxA44rhp_ywtNxHCrGGr2ks/edit#slide=id.p)
* Layouts D3 avancés : stacked graphs, pie chart ([slides](https://docs.google.com/presentation/d/1a79MLat-ftU25Uk7uM2JYfDSlKS-9hp94EnmegvcLg0/edit#slide=id.p)) ([observable du cours](https://observablehq.com/d/17206b80c861edd3))
### TP 5
### TP 5
* Travail sur la V1 des projets et réponse aux questions (par groupe)
*[TP 5 Geo map](pdf/tp4-geo.pdf) : réaliser une carte géographique en D3
* Travail sur les projets (par groupe)
➡ Pour la prochaine séance
➡ Pour la prochaine séance
* Projets : ajouter le prototype papier au cahier des charges et avancer sur les projets