Eine Charge ist abgeschlossen. Der QA-Verantwortliche öffnet den Report, wählt die Charge – und sieht sofort: Wo ist Ausschuss entstanden? In welchem Fehlermodus? Und wie hat sich das über den Produktionszeitraum verteilt?

Keine Pivot-Tabelle. Kein manuelles Filtern. Ein Klick auf ein Segment des Sunburst-Diagramms blendet alles andere aus – und das Balkendiagramm rechts aktualisiert sich synchron. Der zeitliche Verlauf genau dieses Fehlermodus wird sofort sichtbar.

Das ist die Idee dahinter: kontextgebundene Exploration – der Nutzer stellt eine Frage, indem er klickt, und bekommt die Antwort direkt im gleichen Blick.

Wie es funktioniert

Das Sunburst-Diagramm (links) basiert auf D3.js und wurde um eigene Master-Detail-Logik erweitert: Ein Klick auf ein Segment setzt es als Master-Ebene, filtert die Daten und verteilt den vollen 360°-Anteil proportional auf die zugehörigen Detail-Einträge. Ein weiterer Klick geht eine Ebene tiefer – oder zurück zur Übersicht.

Die Selektion wird an das gestapelte Balkendiagramm (rechts, Chart.js) weitergegeben. Es zeigt die Fehleranzahl pro Fehlermodus im Zeitverlauf – immer bezogen auf den aktuell gewählten Kontext im Sunburst.

Die Komponente ist bewusst entkoppelt und wiederverwendbar: Sie läuft heute in ASP.NET-/Razor-Anwendungen, Node.js-Frontends und Oracle-APEX-Umgebungen – überall dort, wo Ausschuss- oder Qualitätsdaten in einer explorativ navigierbaren Form dargestellt werden sollen.