Donut
Parts-of-a-whole traffic-source split with a centered total.
Preview
Classes
| Class | Description |
|---|---|
.nx-legend | Series key, column layout in the showcase |
Accessibility
- Accessible name (role="img"/aria-label):
Traffic mix, donut chart, 4 sources - A visually-hidden data table mirrors every value for screen readers:
Traffic mix: Direct 40%, Search 25%, Social 20%, Email 15%.
Do / Don’t
- Do: Fold anything past ~5-6 slices into an "Other" category.Don’t: Don't use a donut for 2 categories — a simple stat pair reads faster.