Histogram Distribution Chart
A card panel charting API response times bucketed into 100 ms bins as a single distribution, with a p95 callout and a dashed reference line.
A card panel charting API response times bucketed into 100 ms bins as a single distribution, with a p95 callout and a dashed reference line.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Histogram Distribution Chart is the latency shape panel, API response times over the last 24 hours bucketed into 100 ms bins from 0 up to a 700 ms tail, each bin a bar on a single count axis. A dashed reference line marks the p95 bucket, and the header callout reads the p95 value, 487 ms, so the reader sees both the bulk and the tail at once.
The block is a recharts BarChart on ui/chart with a single series and a ReferenceLine at the p95 bin. The bin labels and request counts live in one typed array, so swapping in your real telemetry is a single data update, and the tight bar gap keeps the bins reading as a continuous distribution.
Reach for this block on a performance or observability dashboard where the team needs to see the shape of a metric, not just its average. Wire the array to your telemetry backend bucketed by response time, and set the p95 line to the bin that holds your ninety-fifth percentile.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the request latency distribution. Other histogram reads:
Tip: keep the bin gap tight so the bars read as one continuous distribution rather than separate categories.