debug: logs détaillés chargement données équipe

- Logs console détaillés dans team.html pour diagnostiquer le chargement
- Message de fallback informatif si données non chargées
- Vérifications build pour team-visualization-data.json
- Diagnostic pour identifier pourquoi les visualisations n'apparaissent pas

Les logs console aideront à identifier si le problème vient :
- Du chargement des données JSON
- De l'initialisation des graphiques Cytoscape/ECharts
- De l'accès aux fichiers statiques
This commit is contained in:
syoul
2025-12-09 13:04:51 +01:00
parent a4bc477520
commit 78021a5496
2 changed files with 36 additions and 4 deletions

View File

@@ -274,13 +274,42 @@
// Charger les données
async function loadData() {
try {
console.log('🔄 Chargement des données équipe depuis /team-visualization-data.json');
const response = await fetch('/team-visualization-data.json');
console.log('📡 Réponse reçue:', response.status, response.statusText);
if (!response.ok) {
throw new Error(`HTTP ${response.status}: ${response.statusText}`);
}
data = await response.json();
console.log('✅ Données chargées:', Object.keys(data));
console.log('📊 Nombre de nœuds réseau:', data.network?.nodes?.length || 0);
console.log('📊 Données matrice congestion:', data.congestionMatrix?.length || 0);
console.log('📊 Données équipe genèse:', data.genesisTeam ? 'présentes' : 'absentes');
initVisualizations();
} catch (error) {
console.error('Erreur lors du chargement des données:', error);
document.getElementById('genesis-team').innerHTML =
'<div class="warning-box">Erreur lors du chargement des données. Assurez-vous que le script generate-team-visualization-data.js a été exécuté.</div>';
console.error('Erreur lors du chargement des données:', error);
// Fallback : afficher un message d'information si les données ne se chargent pas
const fallbackMessage = `
<div style="padding: 20px; background: rgba(255, 152, 0, 0.1); border: 1px solid #ff9800; border-radius: 8px; margin: 20px 0;">
<h3 style="color: #ff9800; margin-top: 0;">🔄 Chargement des données...</h3>
<p>Les visualisations équipe se chargent. Si elles n'apparaissent pas :</p>
<ul>
<li>Vérifiez la console du navigateur (F12) pour les erreurs</li>
<li>Assurez-vous que <code>team-visualization-data.json</code> est accessible</li>
<li>Le script <code>generate-team-visualization-data.js</code> doit avoir été exécuté</li>
</ul>
<p><strong>Erreur détectée :</strong> ${error.message}</p>
</div>
`;
// Afficher le message de fallback dans toutes les sections
document.getElementById('network-graph').innerHTML = fallbackMessage;
document.getElementById('congestion-matrix').innerHTML = fallbackMessage;
document.getElementById('genesis-team').innerHTML = fallbackMessage;
}
}