>_
rkives ui kit

Donut Chart

Part-to-whole metrics for usage breakdowns.

Example

Usage breakdown

Monthly usage grouped by product area.

Database48%
Storage24%
Auth18%
Realtime10%
Typography
Compact dashboard density for this kit.
Section label11px / mono / uppercase
Body label13px / medium
Nav item13px / 30px row
Column heading11px / mono / tracked
Import
Copy-paste path.
import { DonutChart } from "@/components/ui/donut-chart"

or add via CLI — npx shadcn@latest add https://rkives.rkingg.com/r/donut-chart