Boxplot

Distribution boxplots for audit latency, request timing, and other percentile-heavy metrics.

Audit Latency Distribution

Points, labels, hrefs, dot colors, value labels, aria labels, and custom classes are configurable.

TTFB distribution

One dot per audit. Hover a marker for region and percentile.

min 42msQ1 66msmedian 118msQ3 207msp95 502msmax 612ms

42ms TTFBSan Franciscop0 58ms TTFBNew Yorkp16 74ms TTFBTorontop33 118ms TTFBLondonp50 168ms TTFBFrankfurtp66 246ms TTFBSingaporep83 612ms TTFBSydneyp100

Mixed Request Types

Dot kind controls the marker color, so the same component can show assets, scripts, or health states.

Asset timing distribution

Same rendering primitive with a different data source and labels.

min 38msQ1 92msmedian 128msQ3 144msp95 333msmax 380ms

document latencyHTMLp0styles.css latencyCSSp25runtime.js latencyscriptp50island.js latencyscriptp75search.json latencyXHRp100

Small Sample State

When fewer than three points are provided, the component renders a compact empty state instead of misleading quartiles.

Insufficient samples

Only two audits are available.

Need at least 3 points for a boxplot; currently have 2.

Open Markdown

ProBoxplot

Specialized statistical visualization.

Proa UI Pro component source is proprietary and requires an accepted Proa UI Pro Commercial License Agreement. Subject to that agreement, the self-serve license includes the limited commercial Proa framework rights needed to use Proa UI Pro in closed-source products.

View Pro pricing

Install with the Proa CLIPro access

$ proa ui add boxplot

Requires an active Proa UI Pro license and access to the private component registry.

CLI and registry setup