Donut Chart
Multi-segment SVG ring chart with interactive segment highlighting, dynamic center total, and breakdown legend.
Installation
You can add this donut chart component using our CLI or manually:
Dark mode ready - this component follows Ethereal UI semantic tokens automatically. Set up theme switching.
The CLI copies the component source (with its internal dependencies) into your project and installs any required npm packages.
npx @etherealui/cli@latest add donut-chart