Fiche Descriptive Complète : « DataGen Dashboard »
🔷 INFORMATIONS GÉNÉRALES
Champ Détail
Nom du template datagen_dashboard.html
Version 1.0.1
Date de création 25/03/2026
Auteur / Designer Refoia Jeremy Tech
Type de page Dashboard de Visualisation de Données
Objectif principal Générer, visualiser et exporter des matrices de données aléatoires.
🎯 DESCRIPTION FONCTIONNELLE
📌 Que fait ce template ?
Ce template transpose la logique du script onizuka.py dans une interface web. Il permet à l’utilisateur de définir des paramètres (lignes/colonnes), de générer visuellement une table de données aléatoires (1-100) et d’exporter le résultat au format .txt. L’interface est épurée, utilisant des composants de cartes pour les contrôles et un tableau responsive pour l’affichage.
📌 Public cible (Persona)
👤 Data Analysts ayant besoin de sets de test rapides.
👤 Développeurs souhaitant prototyper des structures de données.
👤 Étudiants apprenant la manipulation du DOM et des fichiers.
⚙️ SPÉCIFICATIONS TECHNIQUES
🌐 Environnement & Compatibilité
Standard HTML : HTML5 Sémantique
Framework CSS : Tailwind CSS (via CDN)
Framework JS : Vanilla JS (ES6+)
Responsive : ✅ Oui — Optimisé pour Tablettes et Desktop (Grid dynamique).
📦 Dépendances / Assets
HTML
📥 ENTRÉES — CONTENU DYNAMIQUE
# Nom de la variable Type Obligatoire Description
1 row_count int ✅ Oui Nombre de lignes à générer (Défaut: 10).
2 col_count int ✅ Oui Nombre de colonnes par ligne (Défaut: 5).
3 data_matrix array ✅ Oui Tableau 2D contenant les entiers aléatoires.
🧱 STRUCTURE DU FICHIER — DOM (Extrait)
index.html
Plaintext
└──
├──
├──
│ ├──
│ │ └──

