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 - Dessiner avec du code
- COURS 3 - JavaScript et manipulation DOM
- 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 avec du code - SVG & Canvas
- 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)
Des travaux qui ont inspiré l'approche pédagogique de ce cours :
- Catherine D'Ignazio & Lauren F. Klein : Data Feminism (2020) — comment le pouvoir et l'identité façonnent la production des données
- Giorgia Lupi : Data Humanism: My Manifesto for a New Data World (2017)
- Giorgia Lupi & Stefanie Posavec : Dear Data (2016) : 52 semaines de données personnelles, une carte postale par semaine
- Federica Fragapane : Humanizing data to fight inequalities : narration humaniste par les données
- Jacques Bertin : Sémiologie graphique (1967)
- Edward Tufte : The Visual Display of Quantitative Information (1983)
- The Pudding : essais visuels sur la culture contemporaine
- Philippe Rekacewicz : Pour une cartographie sensible et décentrée
© 2026 HEIG-VD · Ce cours est distribué sous licence Creative Commons Attribution 4.0 International (CC BY 4.0).