Charts 3

Radial bar chart with concentric rings for categorical comparison and legend.

Example

Browser Share

Traffic by browser type

Chrome45%

Safari28%

Firefox15%

Edge8%

Other4%

Charts 3 is a radial bar chart:

Rings: Concentric bars, one per category, with length proportional to value.
Legend: Labels and colors for each category; tooltips on hover.
Card: Bordered card with title.

Useful for share-of-whole (e.g. browser share, segments). Uses Chart and Recharts.

import { ChartCard19 } from "@/components/ui/chart-card-19";

<ChartCard19 />

Replace the sample data with your categories and values.