Le dashboard D3.js conçu pour confronter instantanément 484 villes françaises sur 11 thématiques d'expertise.
Le Projet
Construit uniquement avec D3.js v7 et Vanilla JS — parce qu'un outil de qualité se mérite.
Toutes les villes françaises de plus de 20 000 habitants, normalisées en ratios par habitant pour des comparaisons statistiquement équitables.
8 APIs live orchestrées en parallèle, 3 datasets pré-traités. De la concentration de PM2.5 au prix au m², en passant par les bornes IRVE et les effectifs de délinquance.
Emploi, Logement, Météo, Éducation, Sécurité, Culture, Sports, Transports, Environnement, Données Générales et Cartographie SVG interactive.
11 Thématiques
100% sans framework. Un niveau d'intégration qui valide non seulement l'énoncé, mais cherche l'excellence.
Chaque méthode, chaque pattern est présent et opérationnel dans le code.
Modules IIFE, state centralisé, lazy init — sans un seul fichier node_modules.
hexa-duo/ ├── index.html ├── css/ ← 6 fichiers, ~1 600 lignes ├── js/ │ ├── config.js endpoints API │ ├── utils.js helpers D3 │ ├── api.js cache TTL 30min │ ├── app.js state global │ ├── sidebar.js autocomplete │ └── sections/ ← 11 modules IIFE └── data/ ├── cities_20k.json 484 villes ├── emploi_communes.csv 29 040 records └── dvf_summary.json 469 communes
Une stratégie de performance rigoureuse à chaque niveau de la stack.
Sélectionnez deux villes françaises et explorez leurs données en temps réel.