Kontext

Das Steuerelement auf der linken Seite ist eine D3.js-Komponente, inspiriert von einem Beispiel aus der D3.js-Galerie und um eigene Funktionalität erweitert.

Das Diagramm besitzt interaktive, mehrdimensionale Master–Detail-Ebenen. Ein Klick auf ein Segment setzt dieses als Master-Ebene, filtert die Daten auf dieses Segment und verteilt den vollen 360°-Anteil proportional auf dessen Detail-Einträge.

Detail-Einträge können an andere Visualisierungen weitergegeben werden, z. B. an gestapelte Balkendiagramme (Chart.js). Dadurch entstehen synchronisierte, komponentenübergreifende Auswertungen.

Diese Komponente habe ich in mehreren von mir entwickelten Anwendungen wiederverwendet – u. a. in ASP.NET/Razor-Apps, Node.js-basierten Reporting-Frontends und in Oracle-APEX-Umgebungen.

Das gestapelte Balkendiagramm zeigt die Anzahl der Fehler pro Fehlermodus im Zeitverlauf und bietet damit einen klaren zeitlichen Überblick über Performance- bzw. Qualitätsauffälligkeiten.