Illustrative hierarchy. Rows and boxes are visited in order; values are not evaluated.
Play
Restart
Step
Speed
0.25×
0.5×
1×
1.5×
2×
4×
Position
0 / 29000 ms
Download SVG
Structural exploration
From
To
Include message flows
Include unheaded connections
Show route
Connection
Show connection
Direction
Downstream
Upstream
Both directions
Show reachability
Reset view
Paused
Order with nested collections
Structured data diagram with 17 values in 7 containers. Rows show members in source order and arrays show positions; connectors join nested containers.
Order with nested collections
id
12345678901234567890
paid
☑ true
coupon
␀ null
items
[…]
notes
A long note wraps inside its row without
losing any character of the value text
meta
{}
[0]
{…}
[1]
{…}
sku
A-1
qty
2
tags
[…]
[0]
gift
[1]
gift
sku
B-2
qty
1
tags
[]
[]
{}