Melvyn Raymond
Melvyn Raymond
← Retour au portfolio

Cas projet · Données publiques

Surplomb

La France au rayon X.

Tout ce que vous n'auriez jamais pensé à chercher.

Imagerie : Google, via Cesium ion · Données : sites d'antennes mobiles, ANFR · couverture 4G théorique, ARCEP · centres de données, © les contributeurs d'OpenStreetMap et DCWatch

59

couches de données

44

créées ici

362

évolutions en 30 jours

Problème

L'État publie ses registres : cadastre, ventes immobilières, DPE, réseau électrique, antennes… Chacun sur son portail, dans son format, et personne ne les avait mis sur la même carte.

Solution

Les administrations publient. Surplomb met leurs données sur une carte : avions, bus, ventes, centrales, météo… plus de cinquante sources, au même endroit.

Rôle

Produit, de bout en bout

Stack

Cesium, Vite, Node

Période

Depuis août 2026

Open Data Produit 0 → 1 3D Français / anglais

Vues du globe

Quatre films tournés dans l'application

Chacun porte sur des couches ajoutées par Surplomb. Les cartouches incrustés sont en anglais : les films ont été tournés pour la promotion internationale.

Imagerie : Google, via Cesium ion · Données : demandes de valeurs foncières (DVF), DGFiP via Etalab · diagnostics de performance énergétique (DPE), ADEME

01 · Lyon · de jour

Lyon : ce qui s'est vendu, et son DPE

Les ventes immobilières (DVF) autour des Terreaux, dont une annotée à 410 000 € ; une ligne balaie le quartier et les ventes laissent place au DPE de chaque parcelle diagnostiquée.

Imagerie : Google, via Cesium ion · Données : le mât sélectionné et sa hauteur déclarée, ANFR. L'onde est dessinée pour le film sur les tuiles 3D ; l'application calcule la ligne de vue sur le seul relief et la dessine sur le globe.

02 · La Défense · de jour

La Défense : un mât et le terrain qu'il voit

La caméra monte sur les tours de La Défense, un mât est sélectionné et sa fiche s'ouvre, puis une onde peint en bleu le terrain que l'antenne voit : 30 % du terrain dans un rayon de 40 km.

Imagerie : Google, via Cesium ion · Données : vols en direct, OpenSky Network et adsb.lol · plans d'exposition au bruit de la DGAC, via la Géoplateforme de l'IGN. Mis en scène pour le film : la course au décollage dans la vue cockpit, la vitesse et l'altitude affichées par son viseur tête haute.

03 · Roissy · de jour

Roissy : le bruit des avions

Paris-Charles-de-Gaulle en 3D sous ses vols en direct, le décollage d'un vol en direct, puis le plan d'exposition au bruit de l'aéroport et la fiche de sa zone A.

Imagerie : Google, via Cesium ion · Données : lignes haute tension, © les contributeurs d'OpenStreetMap · production des groupes, RTE · position des centrales, Open Data EDF. À cette échelle, le film dessine les colonnes plus larges et trois fois plus hautes que l'application ; leurs proportions sont celles des données.

04 · France · de nuit

Réseau électrique : la France s'allume

L'Europe de l'Ouest dans le noir ; le réseau haute tension français s'allume et chaque centrale nucléaire élève une colonne à la hauteur de sa production de l'heure. La caméra plonge dans la vallée du Rhône et ouvre la fiche de la centrale de Cruas.

Imagerie : Google, via Cesium ion · Données : ventes (DVF), DGFiP via Etalab · trafic, TomTom · sites d'antennes mobiles, ANFR…

Le film

Le teaser, 25 secondes

Mouvements de caméra, cartouches et effets d'apparition mis en scène pour le tournage ; formes, couleurs et chiffres viennent des données.

J'assure la direction artistique des films, tous tournés dans l'application.

Méthodologie

Approche produit

1

Discovery

Benchmark de 18 produits carte et globe et de 10 pages d'accueil primées avant de dessiner la page d'accueil ; maquettes en 3 directions, 3 tours, puis implémentation.

Arbitrage Pourquoi la France : son open data est classé 1er par l'OCDE (OURdata 2025) et, pour la 5e année de suite, par le rapport Open Data Maturity de l'UE.

2

Spécification

Une règle pour les visuels : ne montrer que ce que seul Surplomb produit. Sur les 6 vues de la première galerie, 4 montraient des fonctions que l'original savait déjà faire.

Arbitrage Roissy a gagné le plan de bruit, les vélos ont laissé place aux antennes.

3

Développement

Le code est écrit par des agents IA de code (Claude Code, Codex) que je pilote en parallèle : une pull request par changement, relue et testée. Je garde la discovery, les specs, les arbitrages, la direction artistique des films et la recette.

Arbitrage 362 pull requests fusionnées en 30 jours, 669 fichiers de tests.

4

Déploiement

Page d'accueil en vidéo plutôt qu'en globe vivant : chaque globe 3D démarré consomme une session du quota de tuiles 3D ; une boucle tournée dans l'application donne le même effet sans coût par visiteur et sans les 6,5 s de démarrage du globe.

Arbitrage Vidéo réglée sur une mesure : VMAF ~92 en AV1 (15 Mo en 2880 px) au lieu de VMAF 95 (63 Mo), aucun défaut visible à 1:1 pour un quart du poids.

Résultats

Chiffres, et comment ils sont mesurés

59

couches de données visibles

registre de l'application : 60 entrées, dont 1 masquée

44 / 59

couches créées dans Surplomb

registres de Surplomb et de God's Eye View comparés le 29/09/2026 ; l'original compte 29 couches, dont 16 en commun

56 / 59

couches sans clé ni compte

README de Surplomb

362

pull requests fusionnées en 30 jours

du 26/08 au 24/09/2026, compteur GitHub (gh pr list --state merged)

669

fichiers de tests automatisés

git ls-files '*.test.mjs', le 29/09/2026

72 746

sites d'antennes affichés

données ANFR, compteur du film des infrastructures numériques

En ligne : la page d'accueil de surplomb.app est en production depuis le 17/09/2026 (PR #257 de Surplomb).

Crédit

Surplomb est un fork de God's Eye View, de Bilawal Sidhu (licence MIT). Imagerie 3D : Google, via Cesium ion.

Éclairer les données.

Melvyn Raymond