charts-radar
The 12 radar chart blocks — copy-once Card compositions over the chart component and recharts, with their sample data inline.
Last updated
What it is
12 chart blocks in the radar 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-radar-default@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-radar-default
A radar chart.
chart-radar-dots
A radar chart with dots.
chart-radar-grid-circle
A radar chart with a grid and circle.
chart-radar-grid-circle-fill
A radar chart with a grid and circle fill.
chart-radar-grid-circle-no-lines
A radar chart with a grid and circle fill.
chart-radar-grid-custom
A radar chart with a custom grid.
chart-radar-grid-fill
A radar chart with a grid filled.
chart-radar-grid-none
A radar chart with no grid.
chart-radar-label-custom
A radar chart with a custom label.
chart-radar-legend
A radar chart with a legend.
chart-radar-lines-only
A radar chart with lines only.
chart-radar-multiple
A radar chart with multiple data.