Radial Chart

Concentric arcs showing multiple percentage metrics at once.

Install

npx shadcn add @clearly/radial-chart

import { RadialChart } from "@/components/ui/radial-chart"

<RadialChart />

Every Clearly component also accepts glass (subtle·medium·strong), specular and className.

Prop	Type	Default	Description
`data`	`Array<{ category: string; value: number }>`	`—`	Bars with category and numeric value.
`config`	`ChartConfig`	`—`	Recharts color/label config keyed by category.
`maxValue`	`number`	`100`	Domain maximum for the radial axis.