Standard Data

Histogram Chart

Responsive SVG histogram for numeric arrays with configurable bins, accessible summary, labelled counts, and no chart dependency.

SubscriptionIncluded with the Velocity Components subscription.

$velocityx add standard-histogram-chart

Props & docs

Needs a licence key — subscribe here, then velocityx loginonce.

AstroReactTailwind CSSNew

Histogram Chart

From 12 To 41

View bin counts

Project completion time in days: number of values in each range
Range	Count
12– 15.63	3
15.63– 19.25	4
19.25– 22.88	5
22.88– 26.5	6
26.5– 30.13	5
30.13– 33.75	2
33.75– 37.38	1
37.38– 41	2

The code ships with Velocity.

Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.

Get Velocity X — from $1,250 See all packages →

Using the Histogram Chart component

Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.

Read the component docs All 589 components

Browse all →