donnees_20260325_142442

49,00 

Visualiser l’arbitrage des secteurs selon les risques géologiques.

UGS : donnees_20260325_142442 Catégorie :

Fiche Descriptive Complète : Dashboard « Onizuka Urban Analysis »

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template dashboard_urbanisme_geologie.html

Version 1.0.0

Date de création 25/03/2026

Auteur / Designer Refoia Jeremy Tech (via Gemini)

Type de page Dashboard Décisionnel / Data Visualization

Objectif principal Visualiser l’arbitrage des secteurs selon les risques géologiques.

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template transforme les données brutes issues du script Python en une interface de pilotage. Il permet de :

Visualiser l’état d’arbitrage (Favorable, Critique, Sous conditions) via des badges de couleur.

Filtrer les secteurs par Nature de sol ou Niveau de risque.

Afficher des alertes automatiques pour les zones marquées comme « Expertise requise ».

📌 Public cible (Persona)

👤 Urbanistes & Géologues : Pour valider les recommandations du script.

👤 Décideurs municipaux : Pour arbitrer les budgets selon le Budget_Estimé.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Framework CSS : Tailwind CSS (pour la rapidité d’intégration des cartes).

Framework JS : Chart.js (pour la visualisation du risque sismique).

Responsive : Oui (Grille adaptative pour tablettes de terrain).

📦 Dépendances / Assets

HTML

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 secteurs_data array ✅ Oui Liste des objets (ID, Sol, Risque, Décision).

2 total_budget int ✅ Oui Somme cumulée des budgets pour affichage KPI.

3 alert_count int ❌ Non Nombre de secteurs en état « Critique ».

🧱 STRUCTURE DU FICHIER — DOM

index.html

: Titre du projet « Onizuka Urban v1 » + Sélecteur de fichier CSV.

:

Section KPI : 4 cartes (Budget total, Risque moyen, Zones critiques, Secteurs analysés).

Section DataGrid : Tableau sémantique

listant les résultats du DataFrame.

Section Charts : Graphique radar comparant le Risque_Sismique par Nature_Sol.

: Signature « Refoia Jeremy Tech » + Horodatage de l’export.

🎨 CHARTE GRAPHIQUE

CSS

:root {

–color-favorable: #10B981; /* Vert (Risque <= 2) */ --color-condition: #F59E0B; /* Orange (Intermédiaire) */ --color-critique: #EF4444; /* Rouge (Sismique >= 3 + Haute densité) */

–color-sidebar: #1E293B; /* Slate 800 */

}

🧪 TESTS & VALIDATION

# Cas de test Action Résultat attendu

1 Logique d’Arbitrage Vérifier S1 (Risque 3, Haute densité) Badge Rouge « Critique » affiché.

2 Tri Budget Cliquer sur l’en-tête « Budget » Tri croissant/décroissant fonctionnel.

3 Accessibilité Navigation Tab sur le tableau Focus visible sur chaque ligne de secteur.

📌 INSTRUCTIONS SPÉCIALES POUR L’IA

Note de l’Agent : Lors de la génération du code HTML final, assurez-vous d’utiliser des classes conditionnelles pour le champ Decision_Arbitrage. Si la valeur contient « Critique », la classe bg-red-100 text-red-700 doit être appliquée dynamiquement.

Avis

Il n’y a pas encore d’avis.

Soyez le premier à laisser votre avis sur “donnees_20260325_142442”

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *