Aller au contenu

✱ Portfolio 2026

Visuel du projet Bordeaux Surchauffe

Projet étudiant ✱ 2026

Bordeaux Surchauffe.

Un récit en données sur la chaleur à Bordeaux Métropole.

Accéder au site (nouvel onglet)
Retour aux projets

Fiche projet

Contexte

BUT MMI, 2e année

Format

Site de data storytelling

Mon rôle

Données, développement web, mise en ligne

Technologies

Astro, Tailwind CSS, Observable, d3.js

L'intention.

Dans le cadre de la SAÉ 303, nous avons répondu en binôme, en trois jours, à un défi de l'Open Data University, « Prévention des risques à Bordeaux Métropole », proposé par la Métropole. Le but était de raconter une histoire utile à un public précis, avec de vraies données ouvertes.

Nous sommes partis d'un constat : les habitants ne savent pas vraiment s'ils sont exposés à la chaleur, ni à quel point cela dépend de l'endroit où ils vivent. Le site montre que les jours de forte chaleur ont nettement augmenté depuis 1950, qu'environ 7 habitants sur 10 vivent dans un îlot de chaleur, de 2 % à 92 % selon la commune, et que le niveau de vie ne change presque rien à cette exposition.

Ce projet m'a appris à trouver, vérifier et croiser des données ouvertes, à choisir le bon graphique pour chaque question et à rendre les visualisations accessibles.

Toute l'analyse des données est à retrouver dans notre notebook Observable, et le site a été publié comme réutilisation sur data.gouv.fr.

Le processus.

01

Données

Choix du défi et des jeux de données (Météo-France, îlots de chaleur, Insee), exploration sur Observable, puis nettoyage et croisement pour calculer la part d'habitants exposés dans chaque commune.

02

Visualisations

Création de six graphiques et d'une carte avec Observable Plot, chacun avec sa fiche : question, encodage, titre, alternative textuelle et palette testée.

03

Site & Mise en ligne

Construction du site avec Astro et Tailwind CSS, intégration des graphiques et de la page « Ma commune », déploiement sur Netlify et publication sur data.gouv.fr.

Le rendu.

Version desktop

Version desktop du projet Bordeaux Surchauffe

Version mobile

Version mobile du projet Bordeaux Surchauffe

Identité visuelle

Identité visuelle du projet Bordeaux Surchauffe
Identité visuelle du projet Bordeaux Surchauffe, détailIdentité visuelle du projet Bordeaux Surchauffe, détail