Commit ac7bebc6 rédigé par Hamadou Ba's avatar Hamadou Ba
Parcourir les fichiers

Phase 7: Visualisations - Charts et Diagrammes

Implementation complete des visualisations interactives:

1. Bibliotheques installees:
   - chart.js + react-chartjs-2 (graphiques)
   - d3 + @types/d3 (diagramme reseau)

2. NetworkDiagram (D3.js):
   - Diagramme topologie du reseau
   - Visualisation coordinateur + serveurs + sortie
   - Fleches avec probabilites de routage (p, qi)
   - Taux de service affiches (λ, μc, μi)
   - Code couleur: bleu=coordinateur, violet=serveurs, rouge=sortie
   - Fleches pointillees pour feedback (serveur -> coord)

3. UtilizationChart (Chart.js):
   - Graphique barres pour utilisation (ρ)
   - Comparaison simulation vs analytique
   - Ligne rouge a ρ=1.0 (seuil stabilite)
   - Tooltip avec valeurs precises

4. MetricsComparisonChart (Chart.js):
   - Deux versions: L (nombre moyen clients) et W (temps moyen)
   - Barres comparatives simulation/analytique
   - Visualisation par file d'attente

5. ResultsDisplay mis a jour:
   - Interface a onglets: Metriques | Visualisations | Comparaison
   - Onglet Metriques: tableaux metriques detailles
   - Onglet Visualisations:
     * Diagramme reseau
     * Graphique utilisation
     * Graphiques L et W cote a cote
   - Onglet Comparaison:
     * Table comparaison complete
     * Charts visualisation differences

6. ExportButton:
   - Export JSON (config + tous resultats)
   - Export CSV (metriques formatees)
   - Boutons dans header resultats
   - Fichiers horodates automatiquement

7. Dashboard integre:
   - Boutons export visibles en permanence
   - Layout responsive pour visualisations
   - Grille adaptative (1 ou 2 colonnes selon taille ecran)

Toutes les visualisations requises pour le projet universitaire sont implementees.
L'application est complete et prete pour execution des 5 scenarios.
parent 698ecb50
Prend en charge le Markdown
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message !
Veuillez vous inscrire ou vous pour commenter