Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|
Projet de Data Visualisation Interactive - Concours 2025
- À Propos
- Fonctionnalités
- Technologies
- Architecture
- Installation
- Utilisation
- Structure du Projet
- API Endpoints
- Sources de Données
- Screenshots
- Roadmap
- Contribuer
- Licence
- Auteurs
Portrait des Territoires de Corse est une application web interactive de data visualisation qui propose une analyse approfondie du territoire corse à travers 6 dimensions fondamentales :
- 📊 Démographie - Évolution de la population, pyramide des âges
- 🌍 Environnement - Qualité de l'eau, pollution, températures, déchets
- 🏥 Santé - Professionnels de santé, services d'urgence
- 🏡 Bien-être - Logement, emploi, éducation, transport
- 👴 Seniors - Indicateurs de vieillissement, autonomie
- ⚽ Sport - Infrastructures sportives, accessibilité
Projet réalisé dans le cadre du Concours DataVis 2025, ce livre interactif 3D exploite les technologies web modernes pour offrir une expérience immersive de navigation dans les données territoriales.
- Cartes interactives avec Cesium.js
- Navigation immersive sur le territoire
- Marqueurs géolocalisés pour tous les équipements
- Rotation, zoom, inclinaison de la vue
- 27+ graphiques interactifs avec Chart.js
- Types variés : lignes, barres, donuts, radar, scatter
- Filtres et tri en temps réel
- Export des données
- Navigation page par page avec effet de tournage
- Animations fluides et transitions
- Responsive design (desktop, tablette, mobile)
- Mode plein écran
- Recherche par nom de fichier
- Filtrage multi-critères
- Navigation rapide entre sections
- Tableaux de données triables
- API REST pour accès programmatique
- Téléchargement des sources JSON
- Export ZIP complet
- Prévisualisation des fichiers
- Python 3.9+ - Langage principal
- Flask 3.0 - Framework web
- Flask-CORS - Gestion des requêtes cross-origin
- JavaScript ES6+ - Logique interactive
- HTML5 / CSS3 - Structure et design
- Cesium.js - Visualisation 3D et cartographie
- Chart.js 4.4 - Graphiques statistiques
- Font Awesome - Icônes
- Space Grotesk - Typographie moderne
- CSS Grid / Flexbox - Layout responsive
- Animations CSS - Transitions fluides
- Glassmorphism - Effets visuels
┌─────────────────────────────────────────────────────────────┐
│ CLIENT (Browser) │
│ ┌────────────┐ ┌────────────┐ ┌─────────────────────┐ │
│ │ HTML5 │ │ CSS3 │ │ JavaScript │ │
│ │ Templates │ │ Styles │ │ (ES6 Modules) │ │
│ └────────────┘ └────────────┘ └─────────────────────┘ │
│ │ │
│ │ HTTP Requests │
│ ▼ │
└─────────────────────────────────────────────────────────────┘
│
│
┌──────────────────────────▼──────────────────────────────────┐
│ FLASK SERVER (Python) │
│ ┌──────────────────────────────────────────────────────┐ │
│ │ app.py │ │
│ │ ┌────────────┐ ┌────────────┐ ┌────────────────┐ │ │
│ │ │ Routes │ │ API REST │ │ File System │ │ │
│ │ │ / │ │ /api/... │ │ Handler │ │ │
│ │ └────────────┘ └────────────┘ └────────────────┘ │ │
│ └──────────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────────────┘
│
│ File I/O
▼
┌─────────────────────────────────────────────────────────────┐
│ DATA STORAGE │
│ ┌──────────────────────────────────────────────────────┐ │
│ │ data/ │ │
│ │ ├── logement/ │ │
│ │ │ ├── prix_construction.json │ │
│ │ │ └── logements_sociaux.json │ │
│ │ ├── education/ │ │
│ │ ├── transport/ │ │
│ │ └── ... │ │
│ └──────────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────────────┘
User Action → JavaScript Module → API Request → Flask Route
↓ ↓
DOM Update ← Response Processing ← JSON Response ← Data Processing
- Python 3.9+ (Télécharger)
- pip (inclus avec Python)
- Navigateur moderne (Chrome, Firefox, Edge, Safari)
- Cloner le repository
git clone https://github.com/votre-username/corse-datavis.git
cd corse-datavis- Créer un environnement virtuel (recommandé)
# Windows
python -m venv venv
venv\Scripts\activate
# Linux/Mac
python3 -m venv venv
source venv/bin/activate- Installer les dépendances
pip install -r requirements.txt- Préparer les données
# Créer les dossiers nécessaires
mkdir -p data/logement data/education data/transport data/sante data/seniors data/sport
# Placer vos fichiers JSON dans les dossiers appropriés- Configurer l'application
# Créer un fichier .env (optionnel)
cp .env.example .env
# Éditer .env avec vos paramètres
FLASK_ENV=development
FLASK_DEBUG=True
DATA_PATH=./data- Lancer le serveur
python app.py- Ouvrir dans le navigateur
http://localhost:5000
# 1. Activer l'environnement virtuel
source venv/bin/activate # Linux/Mac
venv\Scripts\activate # Windows
# 2. Lancer le serveur
python app.py
# 3. Ouvrir le navigateur
# http://localhost:5000-
Page d'Accueil
- Vue d'ensemble des statistiques
- Cartes des territoires
- Accès rapide au livre 3D
-
Livre 3D Interactif
- Tourner les pages avec les boutons
- Cliquer sur les cartes pour explorer
- Interagir avec les graphiques
- Rechercher des données
-
Page Sources
- Explorer l'arborescence des fichiers
- Prévisualiser les JSON
- Télécharger les données
| Touche | Action |
|---|---|
| → | Page suivante |
| ← | Page précédente |
| Home | Première page |
| End | Dernière page |
| F | Mode plein écran |
| Esc | Quitter plein écran |
corse-datavis/
├── app.py # Application Flask principale
├── requirements.txt # Dépendances Python
├── README.md # Ce fichier
├── .env.example # Variables d'environnement
├── .gitignore # Fichiers à ignorer
│
├── data/ # Données sources (JSON)
│ ├── logement/
│ │ ├── prix_construction.json
│ │ └── logements_sociaux.json
│ ├── education/
│ │ ├── annuaire.json
│ │ └── personnel.json
│ ├── transport/
│ ├── sante/
│ ├── seniors/
│ └── sport/
│
├── templates/ # Templates HTML
│ └── index.html # Page principale
│
└── static/ # Ressources statiques
├── style.css # Styles généraux
├── home.css # Page d'accueil
├── source.css # Page sources
├── introduction.css # Page introduction
├── conclusion-page.css # Page conclusion
├── logement.css # Dashboard logement
├── emploi.css # Dashboard emploi
├── education.css # Dashboard éducation
├── transport.css # Dashboard transport
├── senior.css # Dashboard seniors
├── sport.css # Dashboard sport
│
├── main.js # Script principal
├── sources.js # Gestion sources
├── introduction.js # Page introduction
├── conclusion-page.js # Page conclusion
├── logement.js # Dashboard logement
├── emploi.js # Dashboard emploi
├── education.js # Dashboard éducation
├── transport.js # Dashboard transport
├── senior.js # Dashboard seniors
└── sport.js # Dashboard sport
Récupère l'arborescence complète des fichiers
Réponse
{
"tree": {
"name": "data",
"type": "folder",
"children": [...]
},
"stats": {
"folders": 6,
"files": 25,
"totalSize": 15728640
}
}Télécharge un fichier spécifique
Exemple
curl http://localhost:5000/api/sources/download/logement/prix.json -OPrévisualise le contenu d'un fichier
Réponse
{
"type": "json",
"content": {...}
}Recherche des fichiers par nom
Paramètres
- q (string) : Terme de recherche
Exemple
curl "http://localhost:5000/api/sources/search?q=logement"Statistiques globales des fichiers
Réponse
{
"totalFolders": 6,
"totalFiles": 25,
"totalSize": 15728640,
"byExtension": {
".json": {
"count": 25,
"size": 15728640
}
}
}Télécharge tous les fichiers en ZIP
Exemple
curl http://localhost:5000/api/sources/download-all -o sources.zipVérifie que l'API fonctionne
Réponse
{
"status": "ok",
"dataPath": "./data",
"dataPathExists": true
}| Source | Description | Format |
|---|---|---|
| INSEE | Statistiques démographiques, économiques et sociales | JSON |
| Data.gouv.fr | Données publiques françaises | JSON/CSV |
| Collectivité de Corse | Données territoriales locales | JSON |
| Ministère de la Santé | Annuaire des professionnels de santé | JSON |
| Ministère de l'Éducation | Établissements scolaires | JSON |
| Ministère de la Transition Écologique | Environnement, déchets | JSON |
- 📊 insee-population-par-sexe-et-age
- 📊 logements-et-logements-sociaux-dans-les-regions
- 📊 insee-emp-g2-taux-de-chomage
- 📊 annuaire-de-leducation
- 📊 terrains-sportifs-en-corse
- 📊 60-et-plus-indicateurs-au-niveau-de-la-commune
- 🌍 temperature-quotidienne-regionale
- 🌍 qualite-eau-potable
- 🏥 annuaire-sante-professionnels
- 🚆 gtfs-transport-horaires-cars
- ♻️ tri-selectif-dechets
- Application Flask fonctionnelle
- Livre 3D interactif
- 6 dashboards thématiques
- Cartes 3D avec Cesium.js
- 27 graphiques Chart.js
- API REST complète
- Page sources avec téléchargement
- Design responsive
- Mode sombre
- Export PDF des pages
- Partage sur réseaux sociaux
- Comparaison inter-territoires
- Favoris et annotations
- Application mobile (React Native)
- Données temps réel
- Intelligence artificielle (prédictions)
- API GraphQL
- Multi-langues (corse, anglais)
- Collaboration en temps réel
Les contributions sont les bienvenues ! Voici comment participer :
- Fork le projet
- Créer une branche feature (git checkout -b feature/AmazingFeature)
- Commit vos changements (git commit -m 'Add AmazingFeature')
- Push vers la branche (git push origin feature/AmazingFeature)
- Ouvrir une Pull Request
- Suivre le style de code existant
- Écrire des messages de commit clairs
- Documenter les nouvelles fonctionnalités
- Ajouter des tests si possible
- Mettre à jour le README si nécessaire
Ouvrez une issue avec :
- Description claire du problème
- Étapes pour reproduire
- Comportement attendu vs obtenu
- Screenshots si applicable
- Environnement (OS, navigateur, version Python)
Ce projet est sous licence MIT - voir le fichier LICENSE pour plus de détails.
MIT License Copyright (c) 2025 [Votre Nom] Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
[Votre Nom] - Développeur Principal
- GitHub: @votre-username
- Email: votre.email@example.com
- LinkedIn: Votre Profil
- INSEE pour les données démographiques
- Data.gouv.fr pour l'ouverture des données publiques
- Collectivité de Corse pour les données territoriales
- Cesium pour la bibliothèque de visualisation 3D
- Chart.js pour les graphiques interactifs
- Communauté Open Source pour les outils utilisés
Pour toute question ou assistance :
- 📧 Email : asamathseck@gmail.com
- 💬 Discord : Rejoindre le serveur
- 🐛 Issues : GitHub Issues
- 📖 Documentation : Wiki
Fait avec ❤️ en Corse 🏝️