Box & Whisker Chart

IsabyteChartBoxWhisker

Box-and-whisker plot (Tukey) — each category renders as a vertical box from Q1 to Q3 with a line at the median, whiskers extending to min and max, and optional outlier dots. Built on the BPT chart foundation — palette-aware, drag-to-rotate in 3D mode (boxes extrude into oblique blocks), scroll-zoom, and keyboard-accessible via a hidden data table.

Box & Whisker Chart Parameters
Response time distribution by region
CategoryMinQ1MedianQ3Max
US-East42587288110
US-West38546682104
EU2841536892
APAC557896118156
ME6488110142178
Current Configuration
📋
<IsabyteChartBoxWhisker Data="@Data"
                    Width="640"
                    Height="400"
                    XAxisLabel="Region"
                    YAxisLabel="Response time (ms)"
                    Title="Response time distribution by region"
                    OnElementClick="HandleClick" />

@code {
private readonly IReadOnlyList<IsabyteChartBoxWhiskerPoint> Data = new IsabyteChartBoxWhiskerPoint[]
{
    new("US-East", Min: 42, Q1: 58, Median: 72, Q3: 88, Max: 110,
        Outliers: new[] { 145.0, 168.0 }),
    // …more boxes
};

private void HandleClick(IsabyteChartElementEvent e) {
    // Click handler — fires regardless of TooltipMode.
}
}
An unhandled error has occurred. Reload 🗙

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please reload the page.