100% Stacked Bar Chart

Preview in your theme

status="ready" — 4 series × 6 groups, precision=1 (the default)

Traffic mix by month

Direct
Search
Social
Referral

Traffic mix by month— each group's share per series in percent, with the underlying counts.
Group	Direct	Search	Social	Referral	Total
Jan 2025	21.5% (2,402)	66.2% (7,384)	9.1% (1,008)	3.2% (359)	11,153
Feb 2025	19.4% (2,079)	46.3% (4,954)	24.1% (2,571)	10.2% (1,085)	10,689
Mar 2025	33.0% (4,002)	46.7% (5,661)	13.3% (1,607)	7.0% (844)	12,114
Apr 2025	21.5% (2,247)	61.4% (6,406)	10.3% (1,073)	6.8% (712)	10,438
May 2025	25.3% (3,492)	55.9% (7,727)	13.7% (1,895)	5.1% (709)	13,823
Jun 2025	26.1% (3,260)	48.8% (6,109)	15.1% (1,885)	10.0% (1,247)	12,501

status="empty" — both series and items are empty

Traffic mix by month

No composition yet

Bars appear here once each group has values to split.

status="loading" — the skeleton traces the stacked-bar outline

Traffic mix by month

status="error" + onRetry — Try again switches this card to ready

Traffic mix by month

Couldn't load this chart

The data source didn't respond.

Normalisation edges: three equal parts (1,000 each) print 33.4 / 33.3 / 33.3 = 100.0%; a group totalling zero draws a baseline marker rather than a full bar; a tail under 0.05% reads <0.1% instead of 0.0%

Rounding edge cases

Alpha
Beta
Gamma

Rounding edge cases— each group's share per series in percent, with the underlying counts.
Group	Alpha	Beta	Gamma	Total
Even thirds	33.4% (1,000)	33.3% (1,000)	33.3% (1,000)	3,000
Nothing yet	no data	no data	no data	0
Long tail	100.0% (9,997)	<0.1% (2)	<0.1% (1)	10,000
One source	0.0% (0)	100.0% (5,400)	0.0% (0)	5,400

precision=0 — the same data rounded to whole numbers; largest remainder still makes every bar add up to 100%

Rounding edge cases

Alpha
Beta
Gamma

Rounding edge cases— each group's share per series in percent, with the underlying counts.
Group	Alpha	Beta	Gamma	Total
Even thirds	34% (1,000)	33% (1,000)	33% (1,000)	3,000
Nothing yet	no data	no data	no data	0
Long tail	100% (9,997)	<1% (2)	<1% (1)	10,000
One source	0% (0)	100% (5,400)	0% (0)	5,400

Loading preview…

This component is part of Pro

The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.

Unlock with Pro