Dev Design Library

Donut chart

A donut whose arcs morph between datasets, with the active value rolling into the center.

Donut chart preview
Library
Arc Library
Framework
React
Type
ui
License
MIT
Dependencies
motion
Install
npx shadcn@latest add https://uiarc.dev/r/donut-chart.json
Files
  • registry/components/donut-chart/donut-chart.tsx
  • registry/components/donut-chart/donut-chart.module.css
  • registry/motion-tokens.ts
  • lib/motion-tokens.ts
Source
https://github.com/kuratlielia/arc-library

Categories

More from Arc Library