L’objectif était de transformer une base de données brute en une expérience visuelle fluide et immédiate. Le défi majeur était de concevoir une interface « one-page » non-scrollable, où l’utilisateur peut embrasser l’intégralité des informations d’un seul coup d’œil.

Pour ce projet, j’ai privilégié une approche axée sur la performance et le rendu dynamique :

• JavaScript (ES6+) : Récupération (fetch), filtrage et traitement de la base de données.

• Chart.js : Génération de graphiques interactifs (Bar charts, Line charts, Pie charts).

• Architecture Fixed-Layout : Conception d’une interface sans défilement, optimisant l’espace pour que chaque statistique soit parfaitement lisible sur un écran standard.

Défis de Conception (UX/UI): 

• Synthèse visuelle : Choisir les graphiques les plus pertinents pour éviter de surcharger l’écran.

• Interactivité : Mise en place d’infobulles (tooltips) et de légendes actives pour explorer le détail des données sans quitter la vue principale.

• Réactivité : Adaptation des graphiques à la taille du conteneur pour maintenir l’équilibre visuel du dashboard.