ActiveAnimated components0
@plotcn
Animated components · MIT · data updated 2026-09-21
Source-first React visualization components for Recharts, D3.js, and Google Charts
accessibilityanimationbackgroundsblockschartsdashboardloadersmapsoverlaystheming
Install
npx shadcn@latest add https://plotcn.vercel.app/r/registry.jsonHealth
StatusActive
Last commit1 week ago
LicenseMIT
Open issues0
ArchivedNo
Stars0
Components (49)
chart-containerchart-statechart-tooltipchart-tokenschart-legendchart-accessibilitychart-themeline-signalline-pulseline-twin-compareline-rangeline-step-signalline-milestonesline-thresholdline-focusline-multi-signalline-forecastarea-prismarea-stack-flowarea-percent-streamarea-rangearea-comparisonarea-gradient-deptharea-baselinearea-interactivebar-signalbar-group-comparebar-stack-ledgerbar-percent-stackbar-divergingbar-bulletbar-variancebar-intervalbar-interactiveline-basicline-multiplearea-basicbar-basicd3-animated-lined3-force-networkgoogle-chart-loadergoogle-chart-containergoogle-geochartgoogle-linegoogle-barchart-motiondonut-basicblock-framerevenue-dashboard
Components: chart-container, chart-state, chart-tooltip, chart-tokens, chart-legend, chart-accessibility, chart-theme, line-signal, line-pulse, line-twin-compare, line-range, line-step-signal, line-milestones, line-threshold, line-focus, line-multi-signal, line-forecast, area-prism, area-stack-flow, area-percent-stream, area-range, area-comparison, area-gradient-depth, area-baseline, area-interactive, bar-signal, bar-group-compare, bar-stack-ledger, bar-percent-stack, bar-diverging, bar-bullet, bar-variance, bar-interval, bar-interactive, line-basic, line-multiple, area-basic, bar-basic, d3-animated-line, d3-force-network, google-chart-loader, google-chart-container, google-geochart, google-line, google-bar, chart-motion, donut-basic, block-frame, revenue-dashboardPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@plotcn · chart-container
npx shadcn@latest add https://plotcn.vercel.app/r/chart-container.jsonView source