- 31 déc., 2025 2 validations
-
-
Hamadou Ba a écrit
Backend (Python): - Collecte de données de séries temporelles (échantillonnage toutes les 1000 unités) - Comptage du nombre de clients par file au fil du temps - Génération d'histogramme des temps de traitement (20 bins) - Calcul de statistiques: min, max, moyenne, écart-type - Ajout des champs time_series_data et histogram_data à SimulationResults - Méthode _create_histogram() pour génération automatique des bins Frontend (React + TypeScript): - Nouveau composant TimeSeriesChart: graphique de l'évolution du nombre de clients * Affiche la convergence vers l'état stable * Utilise Chart.js Line chart * Responsive avec Material-UI Paper - Nouveau composant ProcessingTimeHistogram: distribution des temps de traitement * Barres montrant la distribution exponentielle * Statistiques affichées (min, moyenne, écart-type, max) * Utilise Chart.js Bar chart - Intégration dans ResultsDisplay onglet Visualisations - Nouveaux types TypeScript: TimeSeriesData, HistogramData Améliorations TP: ✓ Visualisation de la convergence vers l'état d'équilibre ✓ Validation de la distribution exponentielle (M/M/1) ✓ Graphiques scientifiques pour le rapport Build: ✓ 720.12 kB (gzip 231.51 kB)
-
Hamadou Ba a écrit
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.
-