Lollipop Chart | Zyeon UI

Preview in your theme

ready · sort="desc", encode="size" — nine sections ranked by readers, dot area proportional to median time on page

Docs traffic by section

9 categories · largest first

Last 30 days · unique readers

18,420highest · Getting started

Median time on page (s) (dot size)41154.5268

Docs traffic by section: lollipop chart, 9 categories ordered largest first, Readers from 0 to 18,420. Highest: Getting started, 18,420. Lowest: Changelog, 1,180. Dot size carries Median time on page (s), 41 to 268. Exact values follow in the data table.
Rank	Category	Readers	Median time on page (s)
1	Getting started	18,420	96
2	API reference	15,230	212
3	Authentication and API keys	9,870	158
4	Webhooks	7,640	184
5	CLI	6,110	74
6	Billing and invoices	4,380	121
7	SDK for Node.js	3,950	143
8	Migrating from v2 to v3	2,140	268
9	Changelog	1,180	41

ready · baseline=200, sort="magnitude" — stems run both ways from the SLA rule and the biggest miss is on top; sorting this one by value would bury af-south-1 at the bottom

p95 latency vs. the 200 ms SLA

8 categories · by distance from the baseline, largest first

Per region, last hour · a stem to the right is over budget

402 mshighest · af-south-1

baseline 200 ms

p95 latency vs. the 200 ms SLA: lollipop chart, 8 categories ordered by distance from the baseline, largest first, p95 latency from 143 ms to 402 ms. Stems grow from a baseline at 200 ms. Highest: af-south-1, 402 ms. Lowest: us-east-1, 143 ms. Exact values follow in the data table.
Rank	Category	p95 latency	Difference from baseline
1	af-south-1	402 ms	+202 ms
2	ap-southeast-1	318 ms	+118 ms
3	eu-central-1	264 ms	+64 ms
4	us-east-1	143 ms	-57 ms
5	ap-northeast-1	231 ms	+31 ms
6	sa-east-1	176 ms	-24 ms
7	us-west-2	187 ms	-13 ms
8	eu-west-1	205 ms	+5 ms

ready · 14 rows, encode="color", labelLines=2, rowHeight=36, formatValue=compact USD — long names get two lines and the browser decides where each one truncates; all 14 rows are drawn, none is thinned away

Pipeline value by segment

14 categories · largest first

Open opportunities · dot shade carries the win rate

$1.8Mhighest · EMEA Enterprise Renewals — Tier 2

Win rate (%) (dot shade)12–24.524.5–3737–49.549.5–62

Pipeline value by segment: lollipop chart, 14 categories ordered largest first, Pipeline from $0 to $1.8M. Highest: EMEA Enterprise Renewals — Tier 2, $1.8M. Lowest: Legacy contracts under review, $95K. Dot shade carries Win rate (%), 12 to 62. Exact values follow in the data table.
Rank	Category	Pipeline	Win rate (%)
1	EMEA Enterprise Renewals — Tier 2	$1.8M	34
2	North America Mid-Market New Business	$1.6M	41
3	APAC Enterprise Expansion	$1.2M	28
4	Self-serve upgrades	$940K	62
5	Partner-sourced opportunities	$880K	47
6	Public sector and government framework agreements	$760K	19
7	Education	$610K	55
8	InternalPlatformModernisationProgramme2026	$540K	22
9	LATAM Commercial	$430K	38
10	Healthcare and life sciences	$380K	31
11	Startups	$290K	58
12	Nonprofit	$210K	44
13	Resellers	$160K	36
14	Legacy contracts under review	$95K	12

ready · sort="none", encode="size" — contract order kept: a reading exactly on the baseline (a lone dot, no stem), a negative reading, two tied values, two categories sharing one name, and one row with no sample size (hollow dot, named under the chart)

Edge cases on one scale

8 categories · as supplied

Contract order preserved — sort="none"

76highest · Largest reading

Sample size (dot size)1801,2902,400not measuredbaseline 0

1 category has no Sample size and is drawn as a ring at the neutral size — not measured is not zero.

Edge cases on one scale: lollipop chart, 8 categories ordered as supplied, Net change from -34 to 76. Stems grow from a baseline at 0. Highest: Largest reading, 76. Lowest: Below the baseline, -34. Dot size carries Sample size, 180 to 2,400. Exact values follow in the data table.
Rank	Category	Net change	Difference from baseline	Sample size
1	Exactly on the baseline	0	0	820
2	Below the baseline	-34	-34	640
3	Tied reading A	21	+21	310
4	Tied reading B	21	+21	295
5	Duplicate name	48	+48	1,200
6	Duplicate name	12	+12	180
7	No sample size recorded	39	+39	not measured
8	Largest reading	76	+76	2,400

ready · a single row — "highest" and "lowest" collapse to one line instead of naming the same category twice

Only one category so far

1 category · largest first

18,420highest · Getting started

Only one category so far: lollipop chart, 1 category ordered largest first, Readers from 0 to 18,420. Highest: Getting started, 18,420. Exact values follow in the data table.
Rank	Category	Readers
1	Getting started	18,420

loading — the skeleton keeps the name lane and a ranked run of stems, so nothing shifts when the data lands

Docs traffic by section

Readers by category

Last 30 days · unique readers

empty — no category carries a value yet

Docs traffic by section

Readers by category

Last 30 days · unique readers

Nothing to rank yet

One line and one dot appear here for every category that carries a value.

error — click Try again

Docs traffic by section

Readers by category

Last 30 days · unique readers

Couldn't load this chart

The data source didn't respond.

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