charts-radial
The 6 radial chart blocks — copy-once Card compositions over the chart component and recharts, with their sample data inline.
Last updated
What it is
6 chart blocks in the radial family. Each is one Card wrapping a
ChartContainer, with its sample data inline — pull one, then point it at your own series.
They depend on card and chart and nothing else.
Install
npx shadcn@latest add @vegastack/chart-radial-gridRegistry setup required
Run this command only after configuring the Base UI shadcn project, the
@vegastack registry namespace, and the Cloudflare Access service-token headers in Install from the VegaStack registry.Every block on this page installs the same way; swap the name.
Examples
chart-radial-grid
A radial chart with a grid.
chart-radial-label
A radial chart with a label.
chart-radial-shape
A radial chart with a custom shape.
chart-radial-simple
A radial chart.
chart-radial-stacked
A radial chart with stacked sections.
chart-radial-text
A radial chart with text.
Do / Don't
Do
Copy the one whose shape matches your data, then replace chartData and chartConfig.
Don't
Import a chart block from the registry as a shared component — it is a starting point, not an API.