About this block

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.

When to use

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

• Kpi cards row

After

• Data table
• Status health

What you can display

One strong use is the request latency distribution. Other histogram reads:

• Order value spread. Checkout totals bucketed by amount to see where the mass of orders sits.
• Session length. Time on task bucketed into minute bins with the tail of long sessions visible.
• Score distribution. Survey or health scores binned to show clustering around a range.

Tip: keep the bin gap tight so the bars read as one continuous distribution rather than separate categories.