*[Présentation](https://docs.google.com/presentation/d/1YaPshJZLDj6M0XBMtmHqANeH17JINdB3Ie5G8RdC74U/edit) du cours et de l'activité projets
*[Présentation](https://docs.google.com/presentation/d/1YaPshJZLDj6M0XBMtmHqANeH17JINdB3Ie5G8RdC74U/edit) du cours et de l'activité projets
*[Introduction à la visualisation](https://docs.google.com/presentation/d/1ZbHPdD8ok5fFEaaMG6kHULpg0S8j8jpVkVqvPw8QZDY/edit#slide=id.g4c3da163bd_0_0) avec exemples et définitions
*[Introduction à la visualisation](https://docs.google.com/presentation/d/1ZbHPdD8ok5fFEaaMG6kHULpg0S8j8jpVkVqvPw8QZDY/edit) avec exemples et définitions
*[Outils de visualisations](https://docs.google.com/presentation/d/18b-B9wAYpq93nbROxRe9u6-7xexuBLM7T-yapqGoYdo/edit#slide=id.p) avec Tableau, D3, Observable Plots
*[Outils de visualisations](https://docs.google.com/presentation/d/18b-B9wAYpq93nbROxRe9u6-7xexuBLM7T-yapqGoYdo/edit#slide=id.p) avec Tableau, D3, Observable Plots
*[Début de l'activité projets](https://docs.google.com/presentation/d/1r96OLz_yDkkAsq6segP360Vnr_PJrboO5XEJb0lHgw4/edit#slide=id.g1c92aab52b4_0_12), [présentation de la thématique](https://docs.google.com/presentation/d/1oalVDPAET17c_YuwezBAMoGCkWIQUI6MgZGwjZwyIiM/edit#slide=id.p), [document de cadrage](https://partage.liris.cnrs.fr/index.php/s/RBk8L7ipzdgk5n5)
*[Début de l'activité projets](https://docs.google.com/presentation/d/1r96OLz_yDkkAsq6segP360Vnr_PJrboO5XEJb0lHgw4/edit#slide=id.g1c92aab52b4_0_12), [présentation de la thématique](https://docs.google.com/presentation/d/1oalVDPAET17c_YuwezBAMoGCkWIQUI6MgZGwjZwyIiM/edit#slide=id.p), [document de cadrage](https://partage.liris.cnrs.fr/index.php/s/RBk8L7ipzdgk5n5)
...
@@ -67,7 +67,7 @@ Exercices :
...
@@ -67,7 +67,7 @@ Exercices :
➡ Pour la prochaine séance
➡ Pour la prochaine séance
*[TP 2 Observable](pdf/tp2-observable.pdf): à rendre (rendu individuel mais travail en binôme possible)
* TP 2 : à rendre (rendu individuel mais travail en binôme possible)
* 📖 S'auto-former à : [SVG, CSS](https://observablehq.com/@nithyaramgopal/lab-1/2), [D3.JS](https://observablehq.com/@d3/learn-d3?collection=@d3/learn-d3)
* 📖 S'auto-former à : [SVG, CSS](https://observablehq.com/@nithyaramgopal/lab-1/2), [D3.JS](https://observablehq.com/@d3/learn-d3?collection=@d3/learn-d3)
* Projets : validation du sujet de projet (par le professeur) et cahier des charges (lien à inscrire sur le document deu cours)
* Projets : validation du sujet de projet (par le professeur) et cahier des charges (lien à inscrire sur le document deu cours)
...
@@ -118,15 +118,15 @@ Exercices :
...
@@ -118,15 +118,15 @@ Exercices :
### Cours 5
### Cours 5
* Visualisations de graphes et d'arbres ([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))
*Méthode de prototypage de visualisation ([slides](https://docs.google.com/presentation/d/11kEkZK12C893qzyEDvkIjgFKPmRKFf-KDDOKiwGw6ys/edit))
*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)
* Layouts avancés : stacked graphs, pie chart, treemap ([slides](https://docs.google.com/presentation/d/1a79MLat-ftU25Uk7uM2JYfDSlKS-9hp94EnmegvcLg0/edit#slide=id.p))
* Layouts D3 avancés : stacked graphs, pie chart, treemap ([slides](https://docs.google.com/presentation/d/1a79MLat-ftU25Uk7uM2JYfDSlKS-9hp94EnmegvcLg0/edit#slide=id.p)) ([observable du cours](https://observablehq.com/d/0e90bc644a306283))
### TP 5
### TP 5
*Layouts de graphes et arbresen D3.JS
*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)
*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)
*Implémentation de ce prototype en D3.JS (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
* Projets : ajouter le prototype papier au cahier des charges et avancer sur les projets
...
@@ -139,6 +139,7 @@ Exercices :
...
@@ -139,6 +139,7 @@ Exercices :
### Cours 6
### Cours 6
- Visualiser le machine learning : [video](https://youtu.be/LNMxO9joI-U?t=5816), [slides](https://docs.google.com/presentation/d/16BWoESKZoydnzZl5h7NVVIG7ISi8LaiZj_mE7WvKDJc/edit), [notebook](https://observablehq.com/d/1992f2ee36fa33c1)
- Visualiser le machine learning : [video](https://youtu.be/LNMxO9joI-U?t=5816), [slides](https://docs.google.com/presentation/d/16BWoESKZoydnzZl5h7NVVIG7ISi8LaiZj_mE7WvKDJc/edit), [notebook](https://observablehq.com/d/1992f2ee36fa33c1)
- Layouts D3 avancés : force-directed graphs
### TP 6
### TP 6
...
@@ -147,27 +148,24 @@ Exercices :
...
@@ -147,27 +148,24 @@ Exercices :
➡ Pour la prochaine séance
➡ Pour la prochaine séance
* Prise en compte des retours du peer review
* Préparer la présentation finale du projet
* Préparer la présentation finale du projet
---
---
## Lundi 06/03/2023 08:00 - Séance 7 (4h)
## Lundi 06/03/2023 08:00 - Séance 7 (4h)
### Cours 7
- Cas d'études avancés de la visualisation
### TP 7
### TP 7
* Soutenance des projets
* Soutenance des projets
*5/6min par groupes
*9min par groupes : 5min de présentation, 3min de questions, 1min d'installation
* Pas de slides, uniquement le projet
* Pas de slides, uniquement la page du projet
➡ Pour le 13/03/2023 (pas de séance)
➡ Pour le 13/03/2023 (pas de séance)
* Prise en compte des retours lors de la soutenance
* Prise en compte des retours lors de la soutenance