CITY-ROADS : dessiner toutes les routes d’une ville d’un seul coup
https://anvaka.github.io/city-roads/
📌 CITY-ROADS est une visualisation interactive qui récupère les données OpenStreetMap d’une ville et dessine l’intégralité de son réseau routier sur un seul canvas, transformant la voirie en une carte abstraite générée à la demande.
Le principe est direct : on saisit le nom d’une ville, et l’application télécharge depuis OpenStreetMap chaque segment de route connu dans le périmètre de la zone, puis les trace simultanément à l’écran. Le résultat est une image unique où se dessinent la densité, les lacunes, les axes majeurs et les mailles fines d’un territoire — une empreinte routière qui ressemble davantage à une œuvre graphique qu’à un plan classique.
Pour accélérer le rendu, environ 3 000 villes de plus de 100 000 habitants ont été pré-indexées dans un cache au format protobuf. Quand on cherche l’une d’entre elles, les données sont servies directement depuis ce dépôt, sans solliciter l’API Overpass d’OpenStreetMap en temps réel. Pour les villes plus petites ou non indexées, l’application interroge Overpass en direct, ce qui peut nécessiter quelques secondes supplémentaires. La résolution du nom saisi en texte libre est confiée à Nominatim, le service de géocodage d’OpenStreetMap, qui traduit chaque requête en identifiant de zone.
- Rendu de l’intégralité du réseau routier d’une ville
- Données issues d’OpenStreetMap via l’API Overpass
- 3 000 villes pré-indexées pour un chargement instantané
- Résolution des noms de lieux via Nominatim
- Zoom et navigation libres sur le canvas
- API de scripting pour créer des programmes au-dessus du rendu
- Licence MIT, projet open source
L’interface se réduit à un champ de recherche et un canvas plein écran. Le fond est une teinte chaude qui laisse les routes se détacher en traits fins, produisant un effet de gravure ou de sérigraphie. La navigation — zoom, pan — est fluide sur la plupart des villes. Les très grandes agglomérations comme Tokyo, qui comptent plus d’un million de segments, peuvent solliciter fortement la carte graphique et ralentir l’affichage, voire le faire planter sur des appareils modestes.
Au-delà de la consultation visuelle, le projet expose une API de scripting qui permet de développer des programmes par-dessus le rendu. Un dépôt compagnon, city-script, fournit des exemples pour manipuler la scène, filtrer les routes ou générer des animations. Cette dimension ouvre la voie à des usages créatifs — impressions, installations, dataviz personnalisée — tout en restant accessible depuis le navigateur.
Le projet est signé Andrei Kashcha, connu pour d’autres visualisations de graphes à grande échelle. Son approche consiste à prendre des jeux de données massifs et à les rendre explorables sans installation ni configuration — une philosophie qui se retrouve ici : un champ texte, un nom de ville, et le réseau tout entier apparaît.
Au final, CITY-ROADS transforme une base de données cartographique en objet visuel immédiat, à mi-chemin entre l’outil d’exploration et la génération artistique.
Sources
