Components/Chart(6)

Chart components from Beste UI, design system primitives built with shadcn/ui and Tailwind CSS.

1–6 of 6

Component	Title	Category	Install
radial-chart	Radial Chart	Chart	`npx shadcn add https://ui.beste.co/component/r/radial-chart`
radar-chart	Radar Chart	Chart	`npx shadcn add https://ui.beste.co/component/r/radar-chart`
pie-chart	Pie Chart	Chart	`npx shadcn add https://ui.beste.co/component/r/pie-chart`
line-chart	Line Chart	Chart	`npx shadcn add https://ui.beste.co/component/r/line-chart`
bar-chart	Bar Chart	Chart	`npx shadcn add https://ui.beste.co/component/r/bar-chart`
area-chart	Area Chart	Chart	`npx shadcn add https://ui.beste.co/component/r/area-chart`

Radial Chart

Recharts radial gauge on the shadcn ChartContainer: a single value plotted as a proportional ring with a muted track and a centered percentage plus caption. Ideal for progress, targets, and completion rates.

Radar Chart

Recharts radar chart on the shadcn ChartContainer: multi-series polar areas with a polar grid, angle axis, adjustable fill opacity, optional legend, and a theme-aware tooltip. Config-driven colors via --chart tokens.

Pie Chart

Recharts pie/donut chart on the shadcn ChartContainer: per-slice colors from config, adjustable donut hole, optional legend, and a name-keyed tooltip. Config-driven colors via --chart tokens.

Line Chart

Recharts line chart on the shadcn ChartContainer: multi-series lines with configurable curve, optional dots, active-dot hover, grid, y-axis, legend, and a theme-aware tooltip. Config-driven colors via --chart tokens.

Bar Chart

Recharts bar chart on the shadcn ChartContainer: grouped or stacked multi-series bars with rounded corners, optional grid, y-axis, legend, and a dashed-indicator tooltip. Config-driven colors via --chart tokens.

Area Chart

Recharts area chart on the shadcn ChartContainer: multi-series with per-series gradient fills, optional stacking, grid, y-axis, legend, and a theme-aware tooltip. Config-driven colors via --chart tokens.