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
- Connaître la pyramide de productivité de ces technologies
- Comprendre le fonctionnement du langage SVG avec JavaScript
- Utiliser la librairie d3.js pour créer des visualisations de divers types
- Utiliser Javascript avec cette librairie pour ajouter de l'animation et de l'interaction
- Utiliser une librairie de cartographie en ligne (ex. Leaflet, OpenLayers)
- Connaître quelques plateformes de données ouvertes et les formats principaux en vigueur
- Utiliser des services de données ouvertes pour créer des visualisations
Le cours fait l’objet d’une note de projet (50%) et d’une note d’examen (50%).
- Créer une visualisation interactive à partir d'un ou plusieurs jeux de données
- Le choix de types, et le nombre de visualisations est libre
- Le tout doit faire passer un message, raconter une histoire
- Vendredi 8 mars 23h59: Thématique (10%)
- Vendredi 15 mars 23h59: Wireframe (10%)
- Vendredi 17 mai: Présentation (20%)
- Lundi 20 mai 23h59: Site web (60%)
- Le produit final doit être sous forme de site publié
- Le code source du site et la méthode de préparation des données doit être accessible sur Github
- 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)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent