Graphs/Donut Chart

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

Tests: 17Sections: 4

Filter:

Container SizesSame dataset, different container dimensions

Small300×250 · 4 rows

Medium500×400 · 4 rows

Large700×500 · 4 rows

Wide800×300 · 4 rows

Tall300×500 · 4 rows

Category CountsHow the chart handles varying numbers of slices

2 categories450×350 · 2 rows

3 categories450×350 · 3 rows

6 categories450×350 · 6 rows

8 categories500×400 · 8 rows

Configuration VariantsInner radius, labels, center label

Pie (innerRadius=0)450×350 · 4 rows

Thin donut (0.7)450×350 · 4 rows

Center label450×350 · 4 rows

No labels450×350 · 4 rows

Edge CasesExtreme data values and distributions

One dominant450×350 · 3 rows

Equal slices450×350 · 4 rows

Very small slice450×350 · 2 rows

Long category names500×400 · 3 rows