Donut & Pie Charts
Proportional data visualisation with interactive pie and donut charts
Category Breakdown
Sales distribution across product categories
100%
Total
Traffic Sources
Hover over a slice to highlight · onMouseEnter active sector
Annual Goal Progress
Semi-donut · startAngle=180 endAngle=0 showing goal completion
$3.28M
Achieved
$4.5M
Target
$1.22M
Remaining
Nested Ring Chart
Device types (outer) vs browser share (inner)
System Metrics
Real-time resource usage at a glance
Storage Used
72%
360 GB / 500 GB
CPU Load
45%
4.5 cores / 10 cores
Memory
68%
10.9 GB / 16 GB