Code couleur des nœuds

Chaque nœud du graphe interactif est coloré selon son statut de classification. Voici la légende complète.

🟢 Vert

Prédiction correcte — le classifieur a deviné le bon type de pièce. C'est le cas le plus fréquent (~97% des nœuds).

🔴 Rouge

Erreur de classification — le type prédit diffère du label réel. Ce sont les nœuds les plus intéressants à analyser.

🔵 Bleu

Porte (Door) — représente une connexion physique entre deux pièces via une porte.

🟣 Violet

Fenêtre (Window) — représente une ouverture vitrée donnant sur l'extérieur ou sur une autre pièce.

Fonctionnalités

Le viewer HTML est un outil d'exploration complet. Voici ses principales fonctionnalités interactives.

🔍 Filtrer par niveau

Dropdown multi-select pour afficher un ou plusieurs étages. Indispensable sur les projets multi-niveaux : isolez un seul étage pour y voir clair avant de passer au suivant.

👆 Cliquer sur un nœud

Affiche toutes les propriétés de la pièce : surface, nombre de portes et fenêtres, type prédit, type réel (si labellisé), confiance, et la passe qui l'a classée.

📋 Trace step-by-step

Panneau latéral montrant chaque règle appliquée à la pièce sélectionnée, dans l'ordre chronologique. Permet de comprendre pourquoi le classifieur a pris sa décision.

🏗️ Polygones

Contours géométriques des pièces avec murs en noir et séparateurs en orange. Permet de visualiser la forme réelle et les frontières entre espaces.

🔎 Zoom / Pan

Molette pour zoomer, clic-glisser pour naviguer dans le plan. Le viewer utilise vis.js pour un rendu fluide même avec des centaines de nœuds.

Comment lire efficacement

Quelques astuces pour tirer le maximum du viewer dès la première utilisation.

🎯
Commencez par un seul niveau — Filtrez un seul étage pour ne pas être submergé. Les projets multi-niveaux peuvent contenir des centaines de nœuds ; isoler un étage rend l'exploration bien plus lisible.
🔴
Les nœuds rouges sont les plus intéressants — Ce sont les erreurs de classification. Cliquez dessus pour comprendre pourquoi le classifieur s'est trompé. La trace step-by-step vous montre exactement quelles règles ont été appliquées et où le raisonnement a déraillé.
📦
~10 Mo, c'est normal — Le viewer fait ~10 Mo car il embarque toutes les données du graphe, les coordonnées des polygones, et la trace complète de classification. C'est un fichier autonome (self-contained). Pas besoin de serveur — un simple double-clic suffit pour l'ouvrir dans n'importe quel navigateur.