Donut Chart pro

Slices that sweep in on scroll. Hover a slice or label to enlarge it; the centre shows the total.

Customize

The slice sizes (comma separated)

One label per slice (comma separated)

Small text in the middle

Slice colours, used in order

Chart diameter (px)

Ring thickness (px)

Gap between slices (degrees)

Sweep animation duration (ms)

Show the label list beside the chart

import DonutChart from './DonutChart';

<DonutChart />

Checking your access…

Dependencies: none