Donut chart

Composition. Campaigns by source on a thin ring with the total in the middle, and a period switch where slices re-sort and a source leaves.

Library

Campaigns by source

This year

Donut chart with Others

Leads by source, sources at 3% or less folded into a gray Others slice, with each slice's share in the legend.

Leads by source

This quarter

Donut chart is drawn with the Chart component. Add it, then copy the code from the Code tab above.

pnpm dlx shadcn@latest add @wisty/chart

The CLI installs the Radix or Base UI file to match your project.