Histoire des Émissions de CO₂ est une datavisualisation interactive qui raconte près de trois siècles d’empreinte carbone mondiale, de 1750 à 2024, en transformant des données climatiques complexes en une expérience visuelle claire et accessible. Un projet du cours VisualDon (HEIG-VD, Ingénierie des médias), déployé en production sur Cloudflare Pages.

Le parti pris : rendre tangible l’invisible

Les émissions de CO₂ sont un sujet abstrait et chargé de chiffres. Le pari du projet : en faire quelque chose que l’on explore avec le doigt. Un globe interactif (que l’on fait tourner et zoomer) colore chaque pays selon son niveau d’émissions, tandis qu’un classement des dix plus gros émetteurs se met à jour en temps réel, le tout piloté par une frise temporelle qui balaie 270 ans d’histoire.

Voyager dans le temps

Au cœur de l’expérience, une frise temporelle animée : un bouton lecture/pause déroule l’évolution année après année, et le globe comme les graphiques se recomposent en direct. On voit littéralement l’empreinte carbone se déplacer et s’intensifier à travers les continents et les époques, de la révolution industrielle à aujourd’hui.

Explorer par pays et par secteur

Au-delà de la vue d’ensemble, la visualisation se décline :

un sélecteur de secteur (émissions par source : charbon, pétrole, gaz, ciment, torchage) recolore le globe et les classements ;
un panneau de détails ouvre la décomposition d’un pays ;
des graphiques D3 (bulles, aires empilées) complètent la lecture géographique par une lecture analytique.

Des données fiables et vivantes

La visualisation s’appuie sur les données de référence du Global Carbon Budget, maintenues par la communauté scientifique internationale (émissions territoriales et par habitant). Deux exigences ont guidé le traitement :

un pipeline de données (scripts Node.js de parsing et d’optimisation CSV) qui prépare des jeux de données légers pour le front ;
une mise à jour automatisée via GitHub Actions (rafraîchissement mensuel), avec une petite API statique (manifest.json) exposant le dataset courant.

Une application React soignée

Côté technique, l’application est construite en React 19 et D3.js, avec une architecture claire (composants de graphiques, de contrôles et de globe, contexte de langue, hook useData), et un vrai soin porté aux détails qui font un produit fini :

bilingue FR / EN (bascule instantanée via un contexte React) ;
SEO (métadonnées, sitemap, robots.txt) pour la découvrabilité ;
analytics respectueux de la vie privée (Cloudflare Web Analytics) ;
responsive (desktop, tablette, mobile) et pensé accessible (HTML sémantique) ;
déploiement continu sur Cloudflare Pages.

Ce que j’en retire

Ce projet est un bel exercice de narration par la donnée : passer d’un CSV brut de centaines de milliers de lignes à une histoire que l’on comprend en quelques secondes de manipulation. Il m’a fait travailler autant la rigueur du traitement de données que le soin de l’interaction : les deux faces d’une bonne datavisualisation.