Back to Components

Donut Chart

Donut charts with center labels and hover animations, perfect for displaying proportional data with focus on totals.

Donut ChartRingCenter LabelProportionalInteractive
preview.localhost:3000

Donut Chart Component

Donut charts with center labels and hover animations

Traffic Sources

45.2%
Leading Source
2.4M
Total Users
Desktop
45.2% of total
45.2%
Mobile
32.8% of total
32.8%
Tablet
15.6% of total
15.6%
Other
6.4% of total
6.4%
4
Categories
45.2%
Largest
100.0%
Total