charts-pie
The 11 pie chart blocks — copy-once Card compositions over the chart component and recharts, with their sample data inline.
Last updated
What it is
11 chart blocks in the pie 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-pie-donutRegistry 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-pie-donut
A donut chart.
chart-pie-donut-active
A donut chart with an active sector.
chart-pie-donut-text
A donut chart with text.
chart-pie-interactive
An interactive pie chart.
chart-pie-label
A pie chart with a label.
chart-pie-label-custom
A pie chart with a custom label.
chart-pie-label-list
A pie chart with a label list.
chart-pie-legend
A pie chart with a legend.
chart-pie-separator-none
A pie chart with no separator.
chart-pie-simple
A simple pie chart.
chart-pie-stacked
A pie chart with stacked sections.
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.