Fiche Descriptive Complète : Narrative-Visualizer-System
🔷 INFORMATIONS GÉNÉRALES
Champ Détail
Nom du template narrative_dashboard.html
Version 1.0.0
Date de création 25/03/2026
Auteur / Designer Refoia Jeremy Tech
Type de page Dashboard de Visualisation / Storytelling
Objectif principal Afficher une histoire générée et sa distribution statistique
🎯 DESCRIPTION FONCTIONNELLE
📌 Que fait ce template ?
Ce template est une interface de « Data Storytelling ». Il permet d’afficher :
Le Récit : Une zone de lecture textuelle présentant l’histoire générée aléatoirement.
L’Analyse : Un panneau latéral listant les entités détectées (Personnages, Lieux, Actions).
La Visualisation : Un conteneur graphique affichant les occurrences sous forme de diagramme (via Matplotlib ou Chart.js).
📌 Public cible (Persona)
👤 Data Scientists souhaitant vulgariser des résultats d’algorithmes narratifs.
👤 Scénaristes / Game Designers utilisant l’IA pour le prototypage d’intrigues.
👤 Étudiants en linguistique computationnelle.
⚙️ SPÉCIFICATIONS TECHNIQUES
🌐 Environnement & Compatibilité
Standard : HTML5 / CSS3 (Flexbox & Grid)
Framework CSS : Tailwind CSS (pour une mise en page rapide et moderne)
Responsive : ✅ Oui — Optimisé pour la lecture sur tablette et desktop.
📦 Dépendances / Assets
HTML
📥 ENTRÉES — CONTENU DYNAMIQUE
# Nom de la variable Type Obligatoire Description
1 generated_story str ✅ Oui Le texte brut de l’histoire générée par le script.
2 detected_elements array ✅ Oui Liste des mots-clés trouvés (médecin, hôpital, etc.).
3 chart_image_url str ✅ Oui Chemin vers le fichier narrative_analysis.png.
4 generation_date date ❌ Non Horodatage de la génération de l’histoire.
🧱 STRUCTURE DU FICHIER — DOM
index.html
Section Gauche (Story) :
article.prose : Conteneur pour le texte narratif.
div.tags : Affichage des éléments analysés sous forme de badges colorés.
Section Droite (Analytics) :
figure : Encapsulation de l’image narrative_analysis.png.
figcaption : Légende dynamique sur la distribution des données.
Avis
Il n’y a pas encore d’avis.