# Cnippet UI blocks for shadcn/ui

> Cnippet UI is a production-ready, curated set of accessible and composable React components—built with Base UI and Tailwind CSS. Copy, paste, and ship stunning interfaces faster.

Cnippet UI publishes 136 blocks for shadcn/ui, all of them free. In its own words: Cnippet UI is a production-ready, curated set of accessible and composable React components—built with Base UI and Tailwind CSS. Copy, paste, and ship stunning interfaces faster. Its blocks cover chart and empty state.

Free blocks install with the shadcn CLI under the @cnippet namespace, so the code lands in your project.

- Page, with live previews: https://shadcn.exchange/r/cnippet
- Its own site: https://ui.cnippet.dev/?utm_source=shadcn.exchange
- 136 blocks, all free. Last changed 2026-10-27.
- Categories: Charts (88), Empty state (3)
- Search its blocks as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&registry=cnippet&q=<words>`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free blocks

All 136 blocks, in the order its page shows them. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [C brush chart 2](https://shadcn.exchange/r/cnippet/c-brush-chart-2): Sensor log — three days of 10-minute readings. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-brush-chart-2.json`
- [C cohort retention 3](https://shadcn.exchange/r/cnippet/c-cohort-retention-3): Feature adoption — share using a feature by month. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-cohort-retention-3.json`
- [C sunburst chart 1](https://shadcn.exchange/r/cnippet/c-sunburst-chart-1): Revenue by region — region then country. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-sunburst-chart-1.json`
- [C sankey 3](https://shadcn.exchange/r/cnippet/c-sankey-3): Energy flow — source to use, with losses. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-sankey-3.json`
- [C range area chart 2](https://shadcn.exchange/r/cnippet/c-range-area-chart-2): Revenue forecast — actuals then a widening forecast band. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-range-area-chart-2.json`
- [C spark line 2](https://shadcn.exchange/r/cnippet/c-spark-line-2): Status list — service latency with a status badge. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-spark-line-2.json`
- [C radar chart 3](https://shadcn.exchange/r/cnippet/c-radar-chart-3): Plan scorecard — three outlined plans. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-radar-chart-3.json`
- [C synced charts 1](https://shadcn.exchange/r/cnippet/c-synced-charts-1): Server metrics — CPU, memory and network. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-synced-charts-1.json`
- [C spark area 3](https://shadcn.exchange/r/cnippet/c-spark-area-3): Trend colours — green or red by direction, inverted for errors and CPU. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-spark-area-3.json`
- [C realtime chart 2](https://shadcn.exchange/r/cnippet/c-realtime-chart-2): Room temperature — two sensors, fixed axis. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-realtime-chart-2.json`
- [C delta bar 2](https://shadcn.exchange/r/cnippet/c-delta-bar-2): Budget variance — over budget shown as bad. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-delta-bar-2.json`
- [C histogram 3](https://shadcn.exchange/r/cnippet/c-histogram-3): Test scores — 20 narrow bands without a grid. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-histogram-3.json`
- [C heatmap 2](https://shadcn.exchange/r/cnippet/c-heatmap-2): Feature usage by plan — values printed in cells. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-heatmap-2.json`
- [C treemap 1](https://shadcn.exchange/r/cnippet/c-treemap-1): Revenue mix — two levels: business line and product. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-treemap-1.json`
- [C area chart 3](https://shadcn.exchange/r/cnippet/c-area-chart-3): Traffic mix — percent-stacked share of sessions by channel. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-area-chart-3.json`
- [C drilldown chart 2](https://shadcn.exchange/r/cnippet/c-drilldown-chart-2): Active users — region → country → city. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-drilldown-chart-2.json`
- [C synced charts 3](https://shadcn.exchange/r/cnippet/c-synced-charts-3): Traffic vs conversion — sessions and rate by hour. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-synced-charts-3.json`
- [C chart card 3](https://shadcn.exchange/r/cnippet/c-chart-card-3): Churn card — inverted delta where a drop is good, with a footer insight. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-chart-card-3.json`
- [C gauge chart 2](https://shadcn.exchange/r/cnippet/c-gauge-chart-2): CPU load — value arcs coloured by threshold. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-gauge-chart-2.json`
- [C waterfall chart 1](https://shadcn.exchange/r/cnippet/c-waterfall-chart-1): MRR movement — new, expansion, contraction and churn. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-waterfall-chart-1.json`
- [C progress circle 1](https://shadcn.exchange/r/cnippet/c-progress-circle-1): Profile completion — ring with a checklist. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-progress-circle-1.json`
- [C radar chart 2](https://shadcn.exchange/r/cnippet/c-radar-chart-2): Skill profile — circle grid with dots. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-radar-chart-2.json`
- [C histogram 1](https://shadcn.exchange/r/cnippet/c-histogram-1): Response times — right-skewed latency distribution. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-histogram-1.json`
- [C tracker 1](https://shadcn.exchange/r/cnippet/c-tracker-1): 90-day uptime — daily status with incidents. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-tracker-1.json`
- [C brush chart 1](https://shadcn.exchange/r/cnippet/c-brush-chart-1): Two years of revenue — starts zoomed to 90 days. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-brush-chart-1.json`
- [C candlestick chart 2](https://shadcn.exchange/r/cnippet/c-candlestick-chart-2): Crypto — hourly candles with volume bars. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-candlestick-chart-2.json`
- [C series toggle chart 2](https://shadcn.exchange/r/cnippet/c-series-toggle-chart-2): Metric switcher — users, sessions and revenue. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-series-toggle-chart-2.json`
- [C sankey 1](https://shadcn.exchange/r/cnippet/c-sankey-1): Traffic flow — source to landing page to outcome. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-sankey-1.json`
- [C annotated chart 3](https://shadcn.exchange/r/cnippet/c-annotated-chart-3): Incident — latency with an incident window and SLA. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-annotated-chart-3.json`
- [C waterfall chart 3](https://shadcn.exchange/r/cnippet/c-waterfall-chart-3): Headcount change — hires and departures by team. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-waterfall-chart-3.json`
- [C candlestick chart 3](https://shadcn.exchange/r/cnippet/c-candlestick-chart-3): Moving average — candles with a 7-day average line. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-candlestick-chart-3.json`
- [C area chart 4](https://shadcn.exchange/r/cnippet/c-area-chart-4): Provisioned storage — step curve for values that jump. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-area-chart-4.json`
- [C bar chart 1](https://shadcn.exchange/r/cnippet/c-bar-chart-1): Monthly revenue — single series in a chart card. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-bar-chart-1.json`
- [C box plot 3](https://shadcn.exchange/r/cnippet/c-box-plot-3): CI run time — per runner against a time budget. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-box-plot-3.json`
- [C spark line 3](https://shadcn.exchange/r/cnippet/c-spark-line-3): Up vs down — the same line coloured by what rising means. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-spark-line-3.json`
- [C tracker 3](https://shadcn.exchange/r/cnippet/c-tracker-3): Habit tracker — four weeks per habit. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-tracker-3.json`
- [C bullet chart 3](https://shadcn.exchange/r/cnippet/c-bullet-chart-3): Budget usage — spend with a month-end forecast marker. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-bullet-chart-3.json`
- [C radial chart 1](https://shadcn.exchange/r/cnippet/c-radial-chart-1): Activity rings — three daily goals. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-radial-chart-1.json`
- [C treemap 3](https://shadcn.exchange/r/cnippet/c-treemap-3): Disk usage — click a cell to select it. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-treemap-3.json`
- [C drilldown chart 1](https://shadcn.exchange/r/cnippet/c-drilldown-chart-1): Revenue — year → quarter → month. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-drilldown-chart-1.json`
- [C scatter chart 3](https://shadcn.exchange/r/cnippet/c-scatter-chart-3): Response time vs payload — single-series correlation. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-scatter-chart-3.json`
- [C realtime chart 1](https://shadcn.exchange/r/cnippet/c-realtime-chart-1): Requests per second — live stream. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-realtime-chart-1.json`
- [C synced charts 2](https://shadcn.exchange/r/cnippet/c-synced-charts-2): Sales — revenue, orders and AOV. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-synced-charts-2.json`
- [C spark bar 3](https://shadcn.exchange/r/cnippet/c-spark-bar-3): Weekly volume — stacked web and app orders in a card. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-spark-bar-3.json`
- [C box plot 2](https://shadcn.exchange/r/cnippet/c-box-plot-2): Latency by region — quartiles computed from raw samples. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-box-plot-2.json`
- [C line chart 3](https://shadcn.exchange/r/cnippet/c-line-chart-3): Conversion rate — dots and a target line. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-line-chart-3.json`
- [C histogram 2](https://shadcn.exchange/r/cnippet/c-histogram-2): Order values — two clusters of basket sizes. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-histogram-2.json`
- [C calendar heatmap 2](https://shadcn.exchange/r/cnippet/c-calendar-heatmap-2): Habit streak — three months, weeks start Monday. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-calendar-heatmap-2.json`
- [C bar list 1](https://shadcn.exchange/r/cnippet/c-bar-list-1): Top pages — page views, last 30 days. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-bar-list-1.json`
- [C interactive legend 2](https://shadcn.exchange/r/cnippet/c-interactive-legend-2): Hover highlight — dim the other channels on a stacked bar chart. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-interactive-legend-2.json`
- [C spark area 2](https://shadcn.exchange/r/cnippet/c-spark-area-2): Table cell — weekly users trend per workspace. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-spark-area-2.json`
- [C chart tooltip presets 1](https://shadcn.exchange/r/cnippet/c-chart-tooltip-presets-1): Period comparison — revenue against last year with % change. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-chart-tooltip-presets-1.json`
- [C sunburst chart 3](https://shadcn.exchange/r/cnippet/c-sunburst-chart-3): Org structure — departments and teams. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-sunburst-chart-3.json`
- [C progress circle 2](https://shadcn.exchange/r/cnippet/c-progress-circle-2): Quota used — colours by threshold. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-progress-circle-2.json`
- [C calendar heatmap 1](https://shadcn.exchange/r/cnippet/c-calendar-heatmap-1): Contributions — a year of daily activity. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-calendar-heatmap-1.json`
- [C donut chart 2](https://shadcn.exchange/r/cnippet/c-donut-chart-2): Storage used — side legend with free space muted. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-donut-chart-2.json`
- [C spark bar 2](https://shadcn.exchange/r/cnippet/c-spark-bar-2): Win/loss — last 15 games per team. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-spark-bar-2.json`
- [C category bar 3](https://shadcn.exchange/r/cnippet/c-category-bar-3): Budget allocation — spend so far as a marker. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-category-bar-3.json`
- [C radial chart 3](https://shadcn.exchange/r/cnippet/c-radial-chart-3): Site scores — four Lighthouse rings. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-radial-chart-3.json`
- [C chart card 2](https://shadcn.exchange/r/cnippet/c-chart-card-2): Range select — card actions switch the chart between 7, 30 and 90 days. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-chart-card-2.json`
- [C bar list 3](https://shadcn.exchange/r/cnippet/c-bar-list-3): Clickable referrers — rows filter the dashboard. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-bar-list-3.json`
- [C chart skeleton 3](https://shadcn.exchange/r/cnippet/c-chart-skeleton-3): Donut placeholder — loading state for a part-to-whole card. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-chart-skeleton-3.json`
- [C spark area 1](https://shadcn.exchange/r/cnippet/c-spark-area-1): KPI card — revenue with a 7-day spark area. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-spark-area-1.json`
- [C funnel chart 2](https://shadcn.exchange/r/cnippet/c-funnel-chart-2): Checkout — left-aligned bars. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-funnel-chart-2.json`
- [C sunburst chart 2](https://shadcn.exchange/r/cnippet/c-sunburst-chart-2): Disk usage — folders and subfolders. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-sunburst-chart-2.json`
- [C annotated chart 1](https://shadcn.exchange/r/cnippet/c-annotated-chart-1): Deploy markers — error rate with deploy, rollback and SLO. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-annotated-chart-1.json`
- [C bullet chart 1](https://shadcn.exchange/r/cnippet/c-bullet-chart-1): Sales vs quota — per rep with performance bands. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-bullet-chart-1.json`
- [C bar chart 3](https://shadcn.exchange/r/cnippet/c-bar-chart-3): Top pages — horizontal bars with value labels. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-bar-chart-3.json`
- [C combo chart 3](https://shadcn.exchange/r/cnippet/c-combo-chart-3): Trials & conversion — stacked bars by plan with a conversion line. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-combo-chart-3.json`
- [C range area chart 1](https://shadcn.exchange/r/cnippet/c-range-area-chart-1): Latency band — p5–p99 with the median line. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-range-area-chart-1.json`
- [C cohort retention 1](https://shadcn.exchange/r/cnippet/c-cohort-retention-1): Weekly retention — signup cohorts by week. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-cohort-retention-1.json`
- [C treemap 2](https://shadcn.exchange/r/cnippet/c-treemap-2): Bundle size — flat list of packages. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-treemap-2.json`
- [C sankey 2](https://shadcn.exchange/r/cnippet/c-sankey-2): Budget allocation — department then spend type. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-sankey-2.json`
- [C bar list 2](https://shadcn.exchange/r/cnippet/c-bar-list-2): Top countries — flags and % share. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-bar-list-2.json`
- [C donut chart 4](https://shadcn.exchange/r/cnippet/c-donut-chart-4): Budget split — side legend with a currency total. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-donut-chart-4.json`
- [C pie chart 3](https://shadcn.exchange/r/cnippet/c-pie-chart-3): Expenses — spending by category with currency values. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-pie-chart-3.json`
- [C interactive legend 1](https://shadcn.exchange/r/cnippet/c-interactive-legend-1): Toggle series — show or hide latency percentiles on a line chart. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-interactive-legend-1.json`
- [C chart tooltip presets 3](https://shadcn.exchange/r/cnippet/c-chart-tooltip-presets-3): Sorted list — page load by region, slowest first. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-chart-tooltip-presets-3.json`
- [C time range chart 1](https://shadcn.exchange/r/cnippet/c-time-range-chart-1): Visitors — 7d / 30d / 90d with totals per device. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-time-range-chart-1.json`
- [C funnel chart 3](https://shadcn.exchange/r/cnippet/c-funnel-chart-3): Sales pipeline — currency values without drop-off. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-funnel-chart-3.json`
- [C tracker 2](https://shadcn.exchange/r/cnippet/c-tracker-2): Build history — last 30 CI runs. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-tracker-2.json`
- [C donut chart 1](https://shadcn.exchange/r/cnippet/c-donut-chart-1): Traffic sources — channel share with the total in the centre. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-donut-chart-1.json`
- [C time range chart 3](https://shadcn.exchange/r/cnippet/c-time-range-chart-3): API calls — stacked successful and failed calls. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-time-range-chart-3.json`
- [C radar chart 1](https://shadcn.exchange/r/cnippet/c-radar-chart-1): Product comparison — two laptops across six aspects. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-radar-chart-1.json`
- [C category bar 1](https://shadcn.exchange/r/cnippet/c-category-bar-1): Credit score — bands with a marker. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-category-bar-1.json`
- [C chart card 1](https://shadcn.exchange/r/cnippet/c-chart-card-1): Revenue card — headline value, growth badge and area trend. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-chart-card-1.json`
- [C calendar heatmap 3](https://shadcn.exchange/r/cnippet/c-calendar-heatmap-3): Daily sales — six months of revenue. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-calendar-heatmap-3.json`
- [C scatter chart 1](https://shadcn.exchange/r/cnippet/c-scatter-chart-1): Price vs rating — products coloured by category. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-scatter-chart-1.json`
- [C funnel chart 1](https://shadcn.exchange/r/cnippet/c-funnel-chart-1): Signup funnel — share reaching each step with drop-off. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-funnel-chart-1.json`
- [C radial chart 2](https://shadcn.exchange/r/cnippet/c-radial-chart-2): Seats used — half ring with an upgrade action. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-radial-chart-2.json`
- [C polar area chart 1](https://shadcn.exchange/r/cnippet/c-polar-area-chart-1): Activity by weekday — one colour. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-polar-area-chart-1.json`
- [C bullet chart 2](https://shadcn.exchange/r/cnippet/c-bullet-chart-2): SLA vs target — response time per support tier. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-bullet-chart-2.json`
- [C progress circle 3](https://shadcn.exchange/r/cnippet/c-progress-circle-3): Sizes — from 32px to 96px. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-progress-circle-3.json`
- [C gauge chart 3](https://shadcn.exchange/r/cnippet/c-gauge-chart-3): NPS — a -100 to 100 scale with four bands. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-gauge-chart-3.json`
- [C realtime chart 3](https://shadcn.exchange/r/cnippet/c-realtime-chart-3): Price feed — a random walk. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-realtime-chart-3.json`
- [C time range chart 2](https://shadcn.exchange/r/cnippet/c-time-range-chart-2): Revenue — 3m / 6m / 12m monthly bars. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-time-range-chart-2.json`
- [C line chart 2](https://shadcn.exchange/r/cnippet/c-line-chart-2): Revenue forecast — dashed forecast continuing the actuals. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-line-chart-2.json`
- [C pie chart 2](https://shadcn.exchange/r/cnippet/c-pie-chart-2): Survey answers — percentage labels and a side legend. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-pie-chart-2.json`
- [C spark bar 1](https://shadcn.exchange/r/cnippet/c-spark-bar-1): Daily commits — 28 days of activity. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-spark-bar-1.json`
- [C gauge chart 1](https://shadcn.exchange/r/cnippet/c-gauge-chart-1): Web Vitals LCP — good / needs work / poor bands. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-gauge-chart-1.json`
- [C bar chart 2](https://shadcn.exchange/r/cnippet/c-bar-chart-2): Signups by channel — stacked columns. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-bar-chart-2.json`
- [C chart empty 2](https://shadcn.exchange/r/cnippet/c-chart-empty-2): No events yet — first-run state before any data arrives. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-chart-empty-2.json`
- [C donut chart 3](https://shadcn.exchange/r/cnippet/c-donut-chart-3): Headcount — percentage labels on each slice. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-donut-chart-3.json`
- [C bar chart 4](https://shadcn.exchange/r/cnippet/c-bar-chart-4): Profit & loss — negative values below a zero line. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-bar-chart-4.json`
- [C annotated chart 2](https://shadcn.exchange/r/cnippet/c-annotated-chart-2): Campaign periods — shaded launch and webinar weeks. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-annotated-chart-2.json`
- [C delta bar 3](https://shadcn.exchange/r/cnippet/c-delta-bar-3): Week over week — change under each metric. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-delta-bar-3.json`
- [C area chart 1](https://shadcn.exchange/r/cnippet/c-area-chart-1): Visitors — desktop vs mobile with gradient fill. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-area-chart-1.json`
- [C scatter chart 2](https://shadcn.exchange/r/cnippet/c-scatter-chart-2): Deal size vs sales cycle — bubbles sized by seats. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-scatter-chart-2.json`
- [C category bar 2](https://shadcn.exchange/r/cnippet/c-category-bar-2): Storage breakdown — usage by type with free space. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-category-bar-2.json`
- [C area chart 2](https://shadcn.exchange/r/cnippet/c-area-chart-2): MRR by plan — stacked areas with a total tooltip. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-area-chart-2.json`
- [C chart empty 1](https://shadcn.exchange/r/cnippet/c-chart-empty-1): No data in range — prompt to widen the date range. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-chart-empty-1.json`
- [C bar chart 5](https://shadcn.exchange/r/cnippet/c-bar-chart-5): Sales vs quota — reference line for the target. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-bar-chart-5.json`
- [C series toggle chart 1](https://shadcn.exchange/r/cnippet/c-series-toggle-chart-1): Visitors — desktop and mobile tabs with totals. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-series-toggle-chart-1.json`
- [C polar area chart 3](https://shadcn.exchange/r/cnippet/c-polar-area-chart-3): Tickets by topic — a colour per slice. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-polar-area-chart-3.json`
- [C brush chart 3](https://shadcn.exchange/r/cnippet/c-brush-chart-3): Stock history — a year of closes, last 60 sessions shown. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-brush-chart-3.json`
- [C chart empty 3](https://shadcn.exchange/r/cnippet/c-chart-empty-3): Filtered to nothing — clear filters to bring the chart back. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-chart-empty-3.json`
- [C chart skeleton 1](https://shadcn.exchange/r/cnippet/c-chart-skeleton-1): Bar placeholder — swaps to the real chart once data loads. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-chart-skeleton-1.json`
- [C combo chart 2](https://shadcn.exchange/r/cnippet/c-combo-chart-2): Orders & AOV — order volume against average order value. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-combo-chart-2.json`
- [C chart skeleton 2](https://shadcn.exchange/r/cnippet/c-chart-skeleton-2): Line and area placeholders — side by side in chart cards. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-chart-skeleton-2.json`
- [C candlestick chart 1](https://shadcn.exchange/r/cnippet/c-candlestick-chart-1): Stock price — daily candles for a month. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-candlestick-chart-1.json`
- [C pie chart 1](https://shadcn.exchange/r/cnippet/c-pie-chart-1): Browser share — pie with a bottom legend. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-pie-chart-1.json`
- [C heatmap 1](https://shadcn.exchange/r/cnippet/c-heatmap-1): Activity — sessions by weekday and hour. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-heatmap-1.json`
- [C chart tooltip presets 2](https://shadcn.exchange/r/cnippet/c-chart-tooltip-presets-2): Stacked total — MRR by plan with a total row. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-chart-tooltip-presets-2.json`
- [C series toggle chart 3](https://shadcn.exchange/r/cnippet/c-series-toggle-chart-3): Rates — funnel rates as lines, tabs without totals. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-series-toggle-chart-3.json`
- [C polar area chart 2](https://shadcn.exchange/r/cnippet/c-polar-area-chart-2): Wind rose — hours by direction. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-polar-area-chart-2.json`
- [C spark line 1](https://shadcn.exchange/r/cnippet/c-spark-line-1): Stock ticker — 10-day price lines with change. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-spark-line-1.json`
- [C waterfall chart 2](https://shadcn.exchange/r/cnippet/c-waterfall-chart-2): P&L bridge — revenue to net profit with subtotals. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-waterfall-chart-2.json`
- [C interactive legend 3](https://shadcn.exchange/r/cnippet/c-interactive-legend-3): Top legend — sessions by device with icons, legend above the chart. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-interactive-legend-3.json`
- [C box plot 1](https://shadcn.exchange/r/cnippet/c-box-plot-1): Salary by role — precomputed quartiles. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-box-plot-1.json`
- [C heatmap 3](https://shadcn.exchange/r/cnippet/c-heatmap-3): Error rate — services by day with an incident. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-heatmap-3.json`
- [C delta bar 1](https://shadcn.exchange/r/cnippet/c-delta-bar-1): NPS change — points gained or lost per area. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-delta-bar-1.json`
- [C drilldown chart 3](https://shadcn.exchange/r/cnippet/c-drilldown-chart-3): Sales by product — horizontal bars, category → product. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-drilldown-chart-3.json`
- [C combo chart 1](https://shadcn.exchange/r/cnippet/c-combo-chart-1): Revenue & growth — bars in $ with a % line on a second axis. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-combo-chart-1.json`
- [C line chart 1](https://shadcn.exchange/r/cnippet/c-line-chart-1): API latency — p50, p90 and p99 over a day. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-line-chart-1.json`
- [C cohort retention 2](https://shadcn.exchange/r/cnippet/c-cohort-retention-2): Net revenue retention — monthly cohorts above 100%. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-cohort-retention-2.json`
- [C range area chart 3](https://shadcn.exchange/r/cnippet/c-range-area-chart-3): Temperature range — monthly low and high. `npx shadcn@latest add https://shadcn.exchange/r/cnippet/c-range-area-chart-3.json`