Pictogram | Zyeon UI

Preview in your theme

status="ready" — scale chosen automatically; every row ends in a clipped part icon

Households reachedProgramme households reached this quarter, by region

= 1,000 householdsscale chosen to fit36,600 households in total

North

12,400 householdsCentral

9,100 householdsCoastal

7,650 householdsHighlands

4,200 householdsIslands

2,350 householdsBorder

900 households

A part icon is cut to the leftover, never shrunk — half a figure is half a unit, and a figure drawn at half size would read as a quarter.

Every row behind the pictogram, in draw order. One icon is 1,000 households.
Row	Value	Base	Share of base	Icons	Drawn as
North	12,400 households	—	—	12.4 icons	12 whole plus a part icon 40% wide
Central	9,100 households	—	—	9.1 icons	9 whole plus a part icon 10% wide
Coastal	7,650 households	—	—	7.65 icons	7 whole plus a part icon 65% wide
Highlands	4,200 households	—	—	4.2 icons	4 whole plus a part icon 20% wide
Islands	2,350 households	—	—	2.35 icons	2 whole plus a part icon 35% wide
Border	900 households	—	—	0.9 icons	0 whole plus a part icon 90% wide

of — every row against its own base, so the empty outlines are the unused part

Licence use by teamSeats in use against seats bought — one icon is ten licences

= 10 licencesscale set by the caller201 licences in total

Design

38 licences · 76%Engineering

96 licences · 80%Support

22 licences · 37%Sales

45 licences · 100%

A part icon is cut to the leftover, never shrunk — half a figure is half a unit, and a figure drawn at half size would read as a quarter.

Every row behind the pictogram, in draw order. One icon is 10 licences.
Row	Value	Base	Share of base	Icons	Drawn as
Design	38 licences	50 licences	76%	3.8 icons	3 whole plus a part icon 80% wide, out of 5 slots
Engineering	96 licences	120 licences	80%	9.6 icons	9 whole plus a part icon 60% wide, out of 12 slots
Support	22 licences	60 licences	37%	2.2 icons	2 whole plus a part icon 20% wide, out of 6 slots
Sales	45 licences	45 licences	100%	4.5 icons	4 whole plus a part icon 50% wide

glyph per row — different kinds of thing, so the figure is the unit and there is no shared noun

The estate at a glanceOne icon is ten of whatever the row counts — the figure says which

one icon = 10 of whatever its row countsscale chosen to fit373 in total

Residents

184Homes

96Wells

62Generators

24Listed landmarks

A part icon is cut to the leftover, never shrunk — half a figure is half a unit, and a figure drawn at half size would read as a quarter.

Every row behind the pictogram, in draw order. One icon is 10.
Row	Value	Base	Share of base	Icons	Drawn as
Residents	184	—	—	18.4 icons	18 whole plus a part icon 40% wide
Homes	96	—	—	9.6 icons	9 whole plus a part icon 60% wide
Wells	62	—	—	6.2 icons	6 whole plus a part icon 20% wide
Generators	24	—	—	2.4 icons	2 whole plus a part icon 40% wide
Listed landmarks	7	—	—	0.7 icons	0 whole plus a part icon 70% wide

order="descending" — seeded fixture arriving unsorted, ranked by the chart

Signups by channelSeeded fixture · rows arrive unsorted, the chart is asked to rank them

= 500 signupsscale chosen to fit43,207 signups in total

Direct

9,012 signupsOrganic search

7,273 signupsEmail

7,046 signupsReferral

6,844 signupsPaid search

6,793 signupsPartner

5,067 signupsSocial

1,172 signups

A part icon is cut to the leftover, never shrunk — half a figure is half a unit, and a figure drawn at half size would read as a quarter.

Every row behind the pictogram, in draw order. One icon is 500 signups.
Row	Value	Base	Share of base	Icons	Drawn as
Direct	9,012 signups	—	—	18.02 icons	18 whole plus a part icon 2% wide
Organic search	7,273 signups	—	—	14.55 icons	14 whole plus a part icon 55% wide
Email	7,046 signups	—	—	14.09 icons	14 whole plus a part icon 9% wide
Referral	6,844 signups	—	—	13.69 icons	13 whole plus a part icon 69% wide
Paid search	6,793 signups	—	—	13.59 icons	13 whole plus a part icon 59% wide
Partner	5,067 signups	—	—	10.13 icons	10 whole plus a part icon 13% wide
Social	1,172 signups	—	—	2.34 icons	2 whole plus a part icon 34% wide

partial="round" — whole icons only, with the rounding named underneath

Households reachedProgramme households reached this quarter, by region

= 1,000 householdsscale chosen to fit36,600 households in total

North

12,400 householdsCentral

9,100 householdsCoastal

7,650 householdsHighlands

4,200 householdsIslands

2,350 householdsBorder

900 households

Whole icons only: 6 of 6 rows are drawn a little above or below what they are worth. The printed value on each row is the real one.

Every row behind the pictogram, in draw order. One icon is 1,000 households.
Row	Value	Base	Share of base	Icons	Drawn as
North	12,400 households	—	—	12.4 icons	12 whole, rounded down
Central	9,100 households	—	—	9.1 icons	9 whole, rounded down
Coastal	7,650 households	—	—	7.65 icons	8 whole, rounded up
Highlands	4,200 households	—	—	4.2 icons	4 whole, rounded down
Islands	2,350 households	—	—	2.35 icons	2 whole, rounded down
Border	900 households	—	—	0.9 icons	1 whole, rounded up

unitValue={500} — a finer scale than the budget allows, so the longest row wraps at 20 icons per line

Households reachedProgramme households reached this quarter, by region

= 500 householdsscale set by the caller36,600 households in total

North

12,400 householdsCentral

9,100 householdsCoastal

7,650 householdsHighlands

4,200 householdsIslands

2,350 householdsBorder

900 households

A part icon is cut to the leftover, never shrunk — half a figure is half a unit, and a figure drawn at half size would read as a quarter.

Rows longer than 20 icons continue on the next line; every line holds 20, so lengths still compare.

Every row behind the pictogram, in draw order. One icon is 500 households.
Row	Value	Base	Share of base	Icons	Drawn as
North	12,400 households	—	—	24.8 icons	24 whole plus a part icon 80% wide
Central	9,100 households	—	—	18.2 icons	18 whole plus a part icon 20% wide
Coastal	7,650 households	—	—	15.3 icons	15 whole plus a part icon 30% wide
Highlands	4,200 households	—	—	8.4 icons	8 whole plus a part icon 40% wide
Islands	2,350 households	—	—	4.7 icons	4 whole plus a part icon 70% wide
Border	900 households	—	—	1.8 icons	1 whole plus a part icon 80% wide

one row — the smallest chart this draws, and it still says what an icon is worth

Places filledOne row, one base, nothing to compare it against

= 40 placesscale set by the caller312 places in total

Reached

312 places · 65%

A part icon is cut to the leftover, never shrunk — half a figure is half a unit, and a figure drawn at half size would read as a quarter.

Every row behind the pictogram, in draw order. One icon is 40 places.
Row	Value	Base	Share of base	Icons	Drawn as
Reached	312 places	480 places	65%	7.8 icons	7 whole plus a part icon 80% wide, out of 12 slots

degenerate — long label, a zero, a sub-unit row, a NaN, a negative and a base below its own value

Intake by districtOne long label, one zero, one sub-unit row, one NaN, one negative, one broken base

= 250 peoplescale chosen to fit5,280 people in total

Alpha district including the outer townships and the river crossing

4,200 peopleBravo

0 peopleCharlie

180 peopleFoxtrot

900 people

A part icon is cut to the leftover, never shrunk — half a figure is half a unit, and a figure drawn at half size would read as a quarter.

Foxtrot has a base below its own value, so it is drawn as plain counts.

2 rows carried no usable number and are not drawn: Delta (not a number), Echo (negative).

Every row behind the pictogram, in draw order. One icon is 250 people.
Row	Value	Base	Share of base	Icons	Drawn as
Alpha district including the outer townships and the river crossing	4,200 people	—	—	16.8 icons	16 whole plus a part icon 80% wide
Bravo	0 people	—	—	0 icons	0 whole
Charlie	180 people	—	—	0.72 icons	0 whole plus a part icon 72% wide
Foxtrot	900 people	—	—	3.6 icons	3 whole plus a part icon 60% wide
Delta	not a number	—	—	—	not drawn
Echo	negative	—	—	—	not drawn

every row measured zero — empty by wording, not by "no data"

Households reachedA quiet quarter: every region reported zero

Nothing to count yet

All 6 rows measured zero, so there is nothing to draw an icon for.

unitValue={20} — refused, because 900+ icons is not something anyone counts

Households reachedProgramme households reached this quarter, by region

This pictogram can't be drawn

One icon per 20 needs 1831 icons, and nobody counts past 900. Raise unitValue to about 1000, or leave it out and let the chart pick.

status="empty" — the feed answered, with nothing in it

Households reachedProgramme households reached this quarter, by region

No rows yet

A pictogram needs at least one row worth more than nothing; every icon on it is a countable amount.

status="loading" — skeleton on the same three-column frame, so nothing jumps on arrival

Households reachedProgramme households reached this quarter, by region

status="error" with onRetry — retried 0 times

Households reachedProgramme households reached this quarter, by region

Couldn't load this pictogram

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