Stats & Numbers
Distribution Summary Strip
Stacks several datasets as one-line range tracks so min, median, max and the middle-50% spread are readable at a glance down a list — load times by route, deal size by rep, response time by week. A compact alternative to a histogram when the shape of the data matters less than where it sits.
$ velocityx add distribution-summary-stripBuilt for astro.
Full docs for Distribution Summary Strip →
Needs a licence key —
subscribe here, then
velocityx loginonce.
API
ms42–ms310 ms91 med
API: minimum ms42, 25th percentile ms68, median ms91, 75th percentile ms140, maximum ms310.Database
ms12–ms58 ms24 med
Database: minimum ms12, 25th percentile ms18, median ms24, 75th percentile ms33, maximum ms58.Queue worker
ms8–ms64 ms19 med
Queue worker: minimum ms8, 25th percentile ms14, median ms19, 75th percentile ms27, maximum ms64.Min / max Middle 50% (p25–p75) Median
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| rows | DistributionRow[] | Yes | ||
| unit | string | No | '' | |
| decimals | number | No | 0 | |
| sharedScale | boolean | No | false | Share one scale across all rows (easier to compare) vs each row scaled to its own min–max. |
| className | string | No | '' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/distribution-summary-strip/DistributionSummaryStrip.astroUsing the Distribution Summary Strip component
Install it with velocityx add distribution-summary-strip.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Stats & Numbers.
Stat band whose numbers count up when the section scrolls into view, then settle. No runtime dependency — plain Astro plus a small inline observer. Honours prefers-reduced-motion by rendering final values immediately.
astroPuts two numbers on one shared scale and calls out the delta — the proof-point shape for 'we cut your load time' or 'conversion rate before vs. after' case studies. Ships a screen-reader summary alongside the bars, so the comparison reads correctly even without the visual.
astroOne headline figure sized to carry a section on its own, with a short annotation line underneath for context. Locale-safe number formatting (including compact '4.2M' notation) and a count-up that lands on the real value immediately for reduced-motion users.
astroThe compact way to show actual-vs-target on a scorecard row: a thin fill against a qualitative poor/satisfactory/good band, with a tick marking the target, so a whole KPI reads in the space a single number used to take. Values stay in text too, so it holds up for anyone who can't read the bar visually.
astro