donnees_20260325_142417

Fiche Descriptive Complète : Dashboard Bio-Beauté « Onizuka »

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template dashboard-bio-beaute.html

Version 1.0.0

Date de création 25/03/2026

Auteur / Designer Refoia Jeremy Tech

Type de page Dashboard de suivi Santé/Beauté

Objectif principal Visualiser l’évolution des données biologiques et afficher des conseils personnalisés.

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une interface de suivi « Bio-Tech » qui permet d’afficher les résultats d’analyses cutanées. Il présente un graphique d’évolution (Hydratation vs Élasticité) et une section de coaching dynamique qui adapte ses recommandations selon les scores obtenus (ex: Acide hyaluronique si hydratation < 50%). 📌 Public cible (Persona) 👤 Utilisateurs particuliers souhaitant suivre leur routine de soin. 👤 Professionnels de l'esthétique pour le suivi client en cabine. ⚙️ SPÉCIFICATIONS TECHNIQUES 🌐 Environnement & Compatibilité Standard : HTML5 / CSS3 (Flexbox & Grid). Framework CSS : Tailwind CSS (pour la rapidité d'intégration). Graphiques : Intégration de rendus Matplotlib (statique) ou Chart.js (dynamique). Responsive : ✅ Oui — Optimisé pour tablettes et mobiles. 📦 Dépendances / Assets HTML

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 last_hydration int ✅ Dernier score d’hydratation (%)

2 last_elasticity int ✅ Dernier score d’élasticité (%)

3 advice_list array ✅ Liste des conseils générés par le script

4 chart_url string ✅ Chemin vers l’image rapport_coaching_beauté.png

🧱 STRUCTURE DU FICHIER — DOM

index.html

: Logo « Science General » + Date de la dernière analyse.

:

Section Score Global : Affichage du score de beauté calculé : Score=2Hydratation+Elasticiteˊ​.

Section Graphique : Conteneur pour l’image générée ou le canvas de données.

Section Coaching : Cards contenant les conseils (Rétinol, Eau, etc.).