Bienvenue dans le dépôt git du cours Visualisation de données @MEI. Ce dépôt contient les différentes ressources du cours tels que les exercices et les différentes directives du projet.
Ce document sera mis à jour au fur et à mesure du semestre avec les informations du cours (exercices, projet) ainsi que les corrections des exercices. Bon cours!
- Connaître différentes technologies de visualisation de données dans un navigateur Web
- Maîtriser la librairie d3.js
- Connaître une librairie de cartographie web
- Maîtriser la manipulation des données avec JavaScript
- Développer un esprit critique sur la visualisation de données : questionner les choix, les biais et les intentions derrière chaque représentation
Le cours fait l’objet d’une note de projet (50%) et d’une note d’examen (50%).
Liste des cours: https://comem-visualdon.onrender.com/
- COURS 1 - Introduction
- COURS 2 - Scalable Vector Graphics (SVG)
- COURS 3 - Introduction à D3.js
- COURS 4 - Données
- COURS 5 - Échelles et axes
- COURS 6 - Interaction et animation (partie 1)
- COURS 7 - Interaction et animation (partie 2)
- COURS 8 - Introduction à la cartographie
- COURS 9 - Cartographie web
- COURS 10 - Éthique et biais
- COURS 11 - Scrollytelling
- COURS 12 - Alternatives à D3.js
Par groupes de 2, vous allez créer une visualisation interactive sur une thématique qui vous motive, vous touche, vous révolte ou vous réjouit. Votre visualisation doit porter un message : dénoncer une injustice, célébrer quelque chose de beau, vulgariser un sujet complexe, rendre visible ce qui ne l'est pas. L'important c'est que ça fasse sens pour vous — les meilleures visualisations naissent d'une vraie conviction.
- Site web : une visualisation interactive publiée en ligne
- Post Instagram/TikTok : un contenu de vulgarisation pour expliquer votre visualisation et son message
Le code source du site et la méthode de préparation des données doivent être accessibles sur GitHub.
- Dimanche 8 mars 2026, 23h59 : Thématique (10%)
- Dimanche 22 mars 2026, 23h59 : Wireframe (10%)
- Lundi 11 mai 2026 : Présentation + Post Insta/TikTok (20% + 10%)
- Dimanche 17 mai 2026, 23h59 : Site web (50%)
- Exercice 1: Dessiner et animer des formes SVG
- Exercice 2 : Introduction à D3
- Exercice 3 : Données
- Exercice 4
- Visualisation statique
- Cartographie
- Animation
2D
3D
Données
- opendata.swiss (Suisse)
- swisstopo (Suisse)
- Viageo (Suisse romande)
- Natural Earth (Monde)
- Overpass Turbo (Monde)
- Données cartographiques, Anders | Observable (Format de données)