The control on the left is a D3.js component, inspired by an example from the D3.js gallery and extended with custom functionality.
The chart features interactive, multidimensional master–detail layers. Clicking on a segment promotes it as master level, filtering data to the segment and redistributing the full 360° proportionally across its detail entries.
Detail entries can be propagated to other visualizations, such as stacked bar charts implemented with Chart.js, enabling synchronized, cross-component insights.
This component has been reused across multiple applications I developed, including ASP.NET/Razor apps, Node.js-based reporting frontends, and Oracle APEX environments.
The stacked bar chart illustrates the number of failures per failure mode over time, providing a clear temporal overview of system performance issues.