Treemap | Zyeon UI

Preview in your theme

status="ready" · 511 kB over 4 branches and one ungrouped file. vendor is 331.6 kB — 64.9% of the box; date-fns is 3.1 kB (0.6%) and is the first tile to lose its figure and then its name as the card narrows; polyfills holds a single leaf, so it is drawn as that leaf instead of as a branch wrapped around one tile. Last opened: nothing yet.

Bundle size · production build

Click a branch to zoom · arrows move to the neighbouring tile · Backspace goes back

511 kB total · 14 items in 5 branches

Area is the value, biggest tile first from the top-left; each fenced block is one branch. Click or press Enter to open a branch, Backspace to go back. 1 tile is too small to label — hover for the full name, arrow into them, or read the table.

Every item inside Bundle, with its branch, its value, its share of that branch and its share of Bundle.
Item	Branch	Rank	Value	Share of branch	Share of Bundle
react-dom	vendor	1	128.4 kB	38.7%	25.1%
next	vendor	2	96.2 kB	29%	18.8%
recharts	vendor	3	84.7 kB	25.5%	16.6%
zod	vendor	4	12.9 kB	3.9%	2.5%
lucide-react	vendor	5	6.3 kB	1.9%	1.2%
date-fns	vendor	6	3.1 kB	0.9%	0.6%
routes	app	1	62.5 kB	51.7%	12.2%
components	app	2	41.8 kB	34.6%	8.2%
hooks	app	3	9.4 kB	7.8%	1.8%
lib	app	4	7.2 kB	6%	1.4%
tailwind.css	styles	1	18.6 kB	60.8%	3.6%
font subsets	styles	2	12 kB	39.2%	2.3%
core-js	polyfills	1	24.5 kB	100%	4.8%
sw.js	sw.js	1	3.4 kB	100%	0.7%

status="empty" · a valid contract with nothing in it, told apart from loading and from a failed fetch.

Bundle size · production build

No build has been analysed yet

Nothing to tile yet

A treemap needs at least one item with a value above zero.

status="loading" · the skeleton is the same squarify over a fixed list of shares, so the placeholder has the geometry of a real tiling. aria-hidden, no timers.

Bundle size · production build

Reading the build report

status="error" · the fetch failed; “Try again” only appears when onRetry is passed, and clicking it flips this card to ready.

Bundle size · production build

Build report timed out

Couldn't load this breakdown

The data source didn't respond.

degenerate data · one object is 99.5% of the box, so every sibling collapses to a sliver, some of them thinner than a pixel; the archive name is 75 characters, so the tile prints what it can hold and the tooltip keeps the rest; two “access logs” rows share an id and sum to 30; a negative, a zero and a NaN row are dropped and counted in the footnote.

Storage by bucket · one object owns the box

Deliberately unparsed: NaN would fail the zod contract

41.4K GB total · 5 items in 4 branches

Area is the value, biggest tile first from the top-left; each fenced block is one branch. Click or press Enter to open a branch, Backspace to go back. 1 branch is drawn whole behind a dashed edge — open one to see its parts. 3 tiles are too small to label — hover for the full name, arrow into them, or read the table. 3 of those are thinner than a pixel; nothing is enlarged to a minimum, because area taken from a sibling would stop the tiling summing to the whole.

1 row repeated an id already seen in the same branch and was summed into it.

Left out of the tiling: 1 negative row, 2 at zero or not a number — a rectangle has no negative area.

Every item inside Buckets, with its branch, its value, its share of that branch and its share of Buckets.
Item	Branch	Rank	Value	Share of branch	Share of Buckets
cold-archive-2019-2024-compliance-retention-snapshot-eu-central-1-versioned	Archive	1	41.2K GB	100%	99.5%
thumbnails	Media	1	96 GB	53.3%	0.2%
raw uploads	Media	2	84 GB	46.7%	0.2%
access logs	Ops	1	30 GB	100%	under 0.1%
sitemap.xml	sitemap.xml	1	1 GB	100%	under 0.1%

single item · the whole box is one tile at 100%, so area encodes nothing. Nothing is faked to make it look like a breakdown.

Bundle size · single chunk

One chunk in the report

128.4 kB total · 1 item in 1 branch

Area is the value, biggest tile first from the top-left; each fenced block is one branch. Click or press Enter to open a branch, Backspace to go back.

Every item inside Bundle, with its branch, its value, its share of that branch and its share of Bundle.
Item	Branch	Rank	Value	Share of branch	Share of Bundle
react-dom	vendor	1	128.4 kB	100%	100%

layout="flat" · the same bundle tiled in one pass. No branch frames, so leaves get better aspect ratios and more of them keep a label; the branch survives as colour and adjacency, and the legend chips stay the zoom path.

Bundle size · production build

Leaves are the subject, grouping is context

511 kB total · 14 items in 5 branches

Area is the value, biggest tile first from the top-left; colour and adjacency are the branch. Click or press Enter to open a branch, Backspace to go back. 3 tiles are too small to label — hover for the full name, arrow into them, or read the table.

Every item inside Bundle, with its branch, its value, its share of that branch and its share of Bundle.
Item	Branch	Rank	Value	Share of branch	Share of Bundle
react-dom	vendor	1	128.4 kB	38.7%	25.1%
next	vendor	2	96.2 kB	29%	18.8%
recharts	vendor	3	84.7 kB	25.5%	16.6%
zod	vendor	4	12.9 kB	3.9%	2.5%
lucide-react	vendor	5	6.3 kB	1.9%	1.2%
date-fns	vendor	6	3.1 kB	0.9%	0.6%
routes	app	1	62.5 kB	51.7%	12.2%
components	app	2	41.8 kB	34.6%	8.2%
hooks	app	3	9.4 kB	7.8%	1.8%
lib	app	4	7.2 kB	6%	1.4%
tailwind.css	styles	1	18.6 kB	60.8%	3.6%
font subsets	styles	2	12 kB	39.2%	2.3%
core-js	polyfills	1	24.5 kB	100%	4.8%
sw.js	sw.js	1	3.4 kB	100%	0.7%

order="input" · the same data left in the order it arrived, for axes where position already means something. Rank is no longer readable from position, so the shade ramp carries it alone.

Bundle size · production build

Order as supplied by the report

511 kB total · 14 items in 5 branches

Area is the value, in the order supplied; each fenced block is one branch. Click or press Enter to open a branch, Backspace to go back. 1 tile is too small to label — hover for the full name, arrow into them, or read the table.

Every item inside Bundle, with its branch, its value, its share of that branch and its share of Bundle.
Item	Branch	Rank	Value	Share of branch	Share of Bundle
react-dom	vendor	1	128.4 kB	38.7%	25.1%
next	vendor	2	96.2 kB	29%	18.8%
recharts	vendor	3	84.7 kB	25.5%	16.6%
zod	vendor	4	12.9 kB	3.9%	2.5%
lucide-react	vendor	5	6.3 kB	1.9%	1.2%
date-fns	vendor	6	3.1 kB	0.9%	0.6%
routes	app	1	62.5 kB	51.7%	12.2%
components	app	2	41.8 kB	34.6%	8.2%
hooks	app	3	9.4 kB	7.8%	1.8%
lib	app	4	7.2 kB	6%	1.4%
tailwind.css	styles	1	18.6 kB	60.8%	3.6%
font subsets	styles	2	12 kB	39.2%	2.3%
core-js	polyfills	1	24.5 kB	100%	4.8%
sw.js	sw.js	1	3.4 kB	100%	0.7%

long tail · 103 services in 11 branches, more than the five chart tokens, so the ramp cycles and the header names do the telling apart. Dozens of tiles are too small for a label and say so in the footnote; narrow the window and the smallest branches stop subdividing and appear whole behind a dashed edge.

Requests by service · last hour

Seeded fixture · 11 branches, 2–13 services each

14.8K k total · 103 items in 11 branches

+3 more branches, all in the table

Area is the value, biggest tile first from the top-left; each fenced block is one branch. Click or press Enter to open a branch, Backspace to go back. 78 tiles are too small to label — hover for the full name, arrow into them, or read the table. 1 of those is thinner than a pixel; nothing is enlarged to a minimum, because area taken from a sibling would stop the tiling summing to the whole.

Every item inside Fleet, with its branch, its value, its share of that branch and its share of Fleet.
Item	Branch	Rank	Value	Share of branch	Share of Fleet
microchip-reboot-service	Electronics 10	1	685 k	40.7%	4.6%
system-override-service	Electronics 10	2	255.3 k	15.2%	1.7%
driver-copy-service	Electronics 10	3	170 k	10.1%	1.1%
driver-connect-service	Electronics 10	4	148.8 k	8.8%	1%
array-copy-service	Electronics 10	5	69.9 k	4.1%	0.5%
system-hack-service	Electronics 10	6	67 k	4%	0.5%
bandwidth-connect-service	Electronics 10	7	64.1 k	3.8%	0.4%
microchip-calculate-service	Electronics 10	8	62.2 k	3.7%	0.4%
monitor-navigate-service	Electronics 10	9	56 k	3.3%	0.4%
matrix-generate-service	Electronics 10	10	44.2 k	2.6%	0.3%
microchip-index-service	Electronics 10	11	41.2 k	2.4%	0.3%
port-calculate-service	Electronics 10	12	21 k	1.2%	0.1%
bus-compress-service	Computers 4	1	803 k	50.1%	5.4%
monitor-generate-service	Computers 4	2	295 k	18.4%	2%
feed-back up-service	Computers 4	3	157 k	9.8%	1.1%
monitor-index-service	Computers 4	4	147.8 k	9.2%	1%
panel-bypass-service	Computers 4	5	85.5 k	5.3%	0.6%
bus-program-service	Computers 4	6	57.4 k	3.6%	0.4%
bus-copy-service	Computers 4	7	56.4 k	3.5%	0.4%
sensor-copy-service	Health 2	1	720 k	46.3%	4.8%
hard drive-synthesize-service	Health 2	2	356.5 k	22.9%	2.4%
matrix-program-service	Health 2	3	202 k	13%	1.4%
alarm-index-service	Health 2	4	121.8 k	7.8%	0.8%
alarm-transmit-service	Health 2	5	74.3 k	4.8%	0.5%
microchip-generate-service	Health 2	6	45.6 k	2.9%	0.3%
monitor-program-service	Health 2	7	33.5 k	2.2%	0.2%
panel-synthesize-service	Music 1	1	645 k	42.4%	4.3%
array-input-service	Music 1	2	261 k	17.2%	1.8%
system-reboot-service	Music 1	3	145 k	9.5%	1%
program-calculate-service	Music 1	4	116.1 k	7.6%	0.8%
bandwidth-index-service	Music 1	5	108.4 k	7.1%	0.7%
matrix-index-service	Music 1	6	83.4 k	5.5%	0.6%
monitor-generate-service	Music 1	7	54.7 k	3.6%	0.4%
monitor-connect-service	Music 1	8	52.8 k	3.5%	0.4%
hard drive-hack-service	Music 1	9	28.8 k	1.9%	0.2%
bus-program-service	Music 1	10	25.3 k	1.7%	0.2%
capacitor-hack-service	Toys 5	1	443 k	29.3%	3%
feed-transmit-service	Toys 5	2	290.3 k	19.2%	2%
program-input-service	Toys 5	3	165 k	10.9%	1.1%
sensor-connect-service	Toys 5	4	140 k	9.3%	0.9%
protocol-quantify-service	Toys 5	5	108.1 k	7.1%	0.7%
feed-program-service	Toys 5	6	77.5 k	5.1%	0.5%
bus-connect-service	Toys 5	7	70.2 k	4.6%	0.5%
bandwidth-parse-service	Toys 5	8	69 k	4.6%	0.5%
hard drive-back up-service	Toys 5	9	46.4 k	3.1%	0.3%
interface-navigate-service	Toys 5	10	42.3 k	2.8%	0.3%
array-synthesize-service	Toys 5	11	38.1 k	2.5%	0.3%
hard drive-connect-service	Toys 5	12	22.9 k	1.5%	0.2%
firewall-synthesize-service	Garden 6	1	449 k	31.3%	3%
system-input-service	Garden 6	2	173.8 k	12.1%	1.2%
program-compress-service	Garden 6	3	141.7 k	9.9%	1%
bandwidth-generate-service	Garden 6	4	140 k	9.8%	0.9%
alarm-navigate-service	Garden 6	5	101 k	7%	0.7%
pixel-transmit-service	Garden 6	6	90.4 k	6.3%	0.6%
firewall-connect-service	Garden 6	7	89 k	6.2%	0.6%
transmitter-parse-service	Garden 6	8	75.8 k	5.3%	0.5%
protocol-synthesize-service	Garden 6	9	58.4 k	4.1%	0.4%
interface-program-service	Garden 6	10	36 k	2.5%	0.2%
transmitter-calculate-service	Garden 6	11	33.6 k	2.3%	0.2%
application-generate-service	Garden 6	12	31.7 k	2.2%	0.2%
driver-bypass-service	Garden 6	13	15.2 k	1.1%	0.1%
hard drive-connect-service	Clothing 9	1	803 k	60.1%	5.4%
program-navigate-service	Clothing 9	2	276.7 k	20.7%	1.9%
system-program-service	Clothing 9	3	87 k	6.5%	0.6%
bus-navigate-service	Clothing 9	4	63 k	4.7%	0.4%
port-input-service	Clothing 9	5	50.3 k	3.8%	0.3%
protocol-generate-service	Clothing 9	6	35.8 k	2.7%	0.2%
sensor-program-service	Clothing 9	7	17.5 k	1.3%	0.1%
capacitor-hack-service	Clothing 9	8	1.8 k	0.1%	under 0.1%
sensor-bypass-service	Health 3	1	681 k	56.8%	4.6%
port-input-service	Health 3	2	269 k	22.5%	1.8%
alarm-generate-service	Health 3	3	248 k	20.7%	1.7%
card-compress-service	Baby 8	1	300 k	27.5%	2%
microchip-back up-service	Baby 8	2	286 k	26.2%	1.9%
pixel-override-service	Baby 8	3	192 k	17.6%	1.3%
bandwidth-calculate-service	Baby 8	4	123.2 k	11.3%	0.8%
array-parse-service	Baby 8	5	93.3 k	8.5%	0.6%
matrix-reboot-service	Baby 8	6	85 k	7.8%	0.6%
firewall-hack-service	Baby 8	7	12.6 k	1.2%	under 0.1%
array-transmit-service	Baby 7	1	239 k	24%	1.6%
capacitor-bypass-service	Baby 7	2	237 k	23.8%	1.6%
sensor-navigate-service	Baby 7	3	112 k	11.2%	0.8%
array-bypass-service	Baby 7	4	86.4 k	8.7%	0.6%
matrix-calculate-service	Baby 7	5	77.2 k	7.8%	0.5%
program-compress-service	Baby 7	6	60.4 k	6.1%	0.4%
firewall-back up-service	Baby 7	7	59 k	5.9%	0.4%
interface-quantify-service	Baby 7	8	44 k	4.4%	0.3%
transmitter-compress-service	Baby 7	9	32.3 k	3.2%	0.2%
port-navigate-service	Baby 7	10	29.9 k	3%	0.2%
port-index-service	Baby 7	11	18.5 k	1.9%	0.1%
microchip-index-service	Electronics 11	1	181 k	19.7%	1.2%
protocol-bypass-service	Electronics 11	2	163.5 k	17.8%	1.1%
card-synthesize-service	Electronics 11	3	112 k	12.2%	0.8%
capacitor-calculate-service	Electronics 11	4	100.4 k	10.9%	0.7%
driver-connect-service	Electronics 11	5	99.2 k	10.8%	0.7%
feed-quantify-service	Electronics 11	6	72.2 k	7.9%	0.5%
system-hack-service	Electronics 11	7	43 k	4.7%	0.3%
matrix-connect-service	Electronics 11	8	32.8 k	3.6%	0.2%
program-transmit-service	Electronics 11	9	30.9 k	3.4%	0.2%
program-hack-service	Electronics 11	10	30 k	3.3%	0.2%
protocol-reboot-service	Electronics 11	11	25 k	2.7%	0.2%
array-generate-service	Electronics 11	12	16.9 k	1.8%	0.1%
driver-navigate-service	Electronics 11	13	11.6 k	1.3%	under 0.1%

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

Every item inside Bundle, with its branch, its value, its share of that branch and its share of Bundle.
Item	Branch	Rank	Value	Share of branch	Share of Bundle
react-dom	vendor	1	128.4 kB	100%	100%

Every item inside Fleet, with its branch, its value, its share of that branch and its share of Fleet.

Item

Branch

Rank

Value

Share of branch

Share of Fleet

microchip-reboot-service

Electronics 10

685 k

40.7%

4.6%

system-override-service

Electronics 10

255.3 k

15.2%

1.7%

driver-copy-service

Electronics 10

170 k

10.1%

1.1%

driver-connect-service

Electronics 10

148.8 k

8.8%

array-copy-service

Electronics 10

69.9 k

4.1%

0.5%

system-hack-service

Electronics 10

67 k

0.5%

bandwidth-connect-service

Electronics 10

64.1 k

3.8%

0.4%

microchip-calculate-service

Electronics 10

62.2 k

3.7%

0.4%

monitor-navigate-service

Electronics 10

56 k

3.3%

0.4%

matrix-generate-service

Electronics 10

44.2 k

2.6%

0.3%

microchip-index-service

Electronics 10

41.2 k

2.4%

0.3%

port-calculate-service

Electronics 10

21 k

1.2%

0.1%

bus-compress-service

Computers 4

803 k

50.1%

5.4%

monitor-generate-service

Computers 4

295 k

18.4%

feed-back up-service

Computers 4

157 k

9.8%

1.1%

monitor-index-service

Computers 4

147.8 k

9.2%

panel-bypass-service

Computers 4

85.5 k

5.3%

0.6%

bus-program-service

Computers 4

57.4 k

3.6%

0.4%

bus-copy-service

Computers 4

56.4 k

3.5%

0.4%

sensor-copy-service

Health 2

720 k

46.3%

4.8%

hard drive-synthesize-service

Health 2

356.5 k

22.9%

2.4%

matrix-program-service

Health 2

202 k

13%

1.4%

alarm-index-service

Health 2

121.8 k

7.8%

0.8%

alarm-transmit-service

Health 2

74.3 k

4.8%

0.5%

microchip-generate-service

Health 2

45.6 k

2.9%

0.3%

monitor-program-service

Health 2

33.5 k

2.2%

0.2%

panel-synthesize-service

Music 1

645 k

42.4%

4.3%

array-input-service

Music 1

261 k

17.2%

1.8%

system-reboot-service

Music 1

145 k

9.5%

program-calculate-service

Music 1

116.1 k

7.6%

0.8%

bandwidth-index-service

Music 1

108.4 k

7.1%

0.7%

matrix-index-service

Music 1

83.4 k

5.5%

0.6%

monitor-generate-service

Music 1

54.7 k

3.6%

0.4%

monitor-connect-service

Music 1

52.8 k

3.5%

0.4%

hard drive-hack-service

Music 1

28.8 k

1.9%

0.2%

bus-program-service

Music 1

25.3 k

1.7%

0.2%

capacitor-hack-service

Toys 5

443 k

29.3%

feed-transmit-service

Toys 5

290.3 k

19.2%

program-input-service

Toys 5

165 k

10.9%

1.1%

sensor-connect-service

Toys 5

140 k

9.3%

0.9%

protocol-quantify-service

Toys 5

108.1 k

7.1%

0.7%

feed-program-service

Toys 5

77.5 k

5.1%

0.5%

bus-connect-service

Toys 5

70.2 k

4.6%

0.5%

bandwidth-parse-service

Toys 5

69 k

4.6%

0.5%

hard drive-back up-service

Toys 5

46.4 k

3.1%

0.3%

interface-navigate-service

Toys 5

42.3 k

2.8%

0.3%

array-synthesize-service

Toys 5

38.1 k

2.5%

0.3%

hard drive-connect-service

Toys 5

22.9 k

1.5%

0.2%

firewall-synthesize-service

Garden 6

449 k

31.3%

system-input-service

Garden 6

173.8 k

12.1%

1.2%

program-compress-service

Garden 6

141.7 k

9.9%

bandwidth-generate-service

Garden 6

140 k

9.8%

0.9%

alarm-navigate-service

Garden 6

101 k

0.7%

pixel-transmit-service

Garden 6

90.4 k

6.3%

0.6%

firewall-connect-service

Garden 6

89 k

6.2%

0.6%

transmitter-parse-service

Garden 6

75.8 k

5.3%

0.5%

protocol-synthesize-service

Garden 6

58.4 k

4.1%

0.4%

interface-program-service

Garden 6

36 k

2.5%

0.2%

transmitter-calculate-service

Garden 6

33.6 k

2.3%

0.2%

application-generate-service

Garden 6

31.7 k

2.2%

0.2%

driver-bypass-service

Garden 6

15.2 k

1.1%

0.1%

hard drive-connect-service

Clothing 9

803 k

60.1%

5.4%

program-navigate-service

Clothing 9

276.7 k

20.7%

1.9%

system-program-service

Clothing 9

87 k

6.5%

0.6%

bus-navigate-service

Clothing 9

63 k

4.7%

0.4%

port-input-service

Clothing 9

50.3 k

3.8%

0.3%

protocol-generate-service

Clothing 9

35.8 k

2.7%

0.2%

sensor-program-service

Clothing 9

17.5 k

1.3%

0.1%

capacitor-hack-service

Clothing 9

1.8 k

0.1%

under 0.1%

sensor-bypass-service

Health 3

681 k

56.8%

4.6%

port-input-service

Health 3

269 k

22.5%

1.8%

alarm-generate-service

Health 3

248 k

20.7%

1.7%

card-compress-service

Baby 8

300 k

27.5%

microchip-back up-service

Baby 8

286 k

26.2%

1.9%

pixel-override-service

Baby 8

192 k

17.6%

1.3%

bandwidth-calculate-service

Baby 8

123.2 k

11.3%

0.8%

array-parse-service

Baby 8

93.3 k

8.5%

0.6%

matrix-reboot-service

Baby 8

85 k

7.8%

0.6%

firewall-hack-service

Baby 8

12.6 k

1.2%

under 0.1%

array-transmit-service

Baby 7

239 k

24%

1.6%

capacitor-bypass-service

Baby 7

237 k

23.8%

1.6%

sensor-navigate-service

Baby 7

112 k

11.2%

0.8%

array-bypass-service

Baby 7

86.4 k

8.7%

0.6%

matrix-calculate-service

Baby 7

77.2 k

7.8%

0.5%

program-compress-service

Baby 7

60.4 k

6.1%

0.4%

firewall-back up-service

Baby 7

59 k

5.9%

0.4%

interface-quantify-service

Baby 7

44 k

4.4%

0.3%

transmitter-compress-service

Baby 7

32.3 k

3.2%

0.2%

port-navigate-service

Baby 7

29.9 k

0.2%

port-index-service

Baby 7

18.5 k

1.9%

0.1%

microchip-index-service

Electronics 11

181 k

19.7%

1.2%

protocol-bypass-service

Electronics 11

163.5 k

17.8%

1.1%

card-synthesize-service

Electronics 11

112 k

12.2%

0.8%

capacitor-calculate-service

Electronics 11

100.4 k

10.9%

0.7%

driver-connect-service

Electronics 11

99.2 k

10.8%

0.7%

feed-quantify-service

Electronics 11

72.2 k

7.9%

0.5%

system-hack-service

Electronics 11

43 k

4.7%

0.3%

matrix-connect-service

Electronics 11

32.8 k

3.6%

0.2%

program-transmit-service

Electronics 11

30.9 k

3.4%

0.2%

program-hack-service

Electronics 11

30 k

3.3%

0.2%

protocol-reboot-service

Electronics 11

25 k

2.7%

0.2%

array-generate-service

Electronics 11

16.9 k

1.8%

0.1%

driver-navigate-service

Electronics 11

11.6 k

1.3%

under 0.1%