donnees_20260325_141932

49,00 

Générer, visualiser et exporter des matrices de données aléatoires.

UGS : donnees_20260325_141932 Catégorie :

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

└──

├──

(Logo « DataGen » + Statut connexion)

├──

│ ├──

│ │ └──

(Inputs numériques + Bouton « Générer »)

│ ├──

│ │ └──

(Rendu dynamique des données)

│ └──

│ └──