Graphs/Sunburst

Edit src/renderers/d3/composition/sunburst.ts and save to see changes across all configurations

Tests: 28Sections: 6

Filter:

Container SizesSame 3-parent hierarchy, different container dimensions

Small300×300 · 11 rows

Medium450×450 · 11 rows

Large600×600 · 11 rows

Wide700×400 · 11 rows

Tall350×550 · 11 rows

Hierarchy DepthVarying number of concentric rings

2 levels500×500 · 6 rows

3 levels500×500 · 9 rows

4 levels550×550 · 16 rows

BreadthFew vs many children per node

2 parents x 2 children500×500 · 4 rows

3 parents x 5 children500×500 · 15 rows

4 parents x 8 children550×550 · 32 rows

2 parents x 20 children600×600 · 40 rows

Config VariationsLabels, values, and inner radius (donut mode)

showLabels500×500 · 11 rows

showValues500×500 · 11 rows

No labels500×500 · 11 rows

innerRadius: 0500×500 · 11 rows

innerRadius: 50500×500 · 11 rows

innerRadius: 80500×500 · 11 rows

Color SystemNamed palettes, parent-based coloring, and highlights

Default (by parent)500×500 · 11 rows

Warm Palette500×500 · 11 rows

Highlight: Engineering500×500 · 11 rows

Multi-Highlight500×500 · 11 rows

Green Palette500×500 · 11 rows

Edge CasesStress tests -- unusual data shapes and values

Single child per parent500×500 · 3 rows

Deep (5 levels)600×600 · 32 rows

Very wide (20 children)550×550 · 20 rows

Single parent500×500 · 4 rows

Extreme imbalance550×550 · 6 rows