199/207

Donut Chart

Data

Animated donut/pie chart

chartdonutpie

Installation

npx shadcn@latest add https://nonaxial.com/r/donut-chart.json

Usage

tsx

import { DonutChart } from "@/components/nonaxial/donut-chart"

export default function Example() {
  return (
    <DonutChart>{/* Your content here */}</DonutChart>
  )
}

Props

Prop	Type	Default
children	ReactNode	—
className	string	—