Skip to content

Add ShadCN chart catalog and motion primitives - #96

Merged
tannerlinsley merged 3 commits into
mainfrom
taren/shadcn-catalog-motion
Aug 14, 2026
Merged

Add ShadCN chart catalog and motion primitives#96
tannerlinsley merged 3 commits into
mainfrom
taren/shadcn-catalog-motion

Conversation

@tannerlinsley

Copy link
Copy Markdown
Member

Summary

  • add a browsable, embeddable collection covering all 70 official ShadCN chart examples plus the dashboard
  • add renderer-level entrance, exit, stagger, tooltip, axis, and polar-focus motion behavior with chart and mark overrides
  • preserve existing catalog cases while extending generated previews, docs links, and conformance coverage to 188 cases

Validation

  • pnpm validate
  • 283 test files and 1,875 tests passed
  • docs contracts, typechecks, conformance app build, bundle policy, and generated artifact checks passed

Release

  • includes a minor changeset for @tanstack/charts; the fixed package group will release together

@coderabbitai

coderabbitai Bot commented Aug 14, 2026

Copy link
Copy Markdown

Important

Review skipped

Too many files!

This PR contains 320 files, which is 170 over the limit of 150.

To get a review, reduce the PR to 150 files or fewer by splitting it into smaller PRs or changing its base branch.

Upgrade to a paid plan to raise the limit.

Usage-priced reviews support at most 300 files.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 478ed2a2-917e-4cd1-9459-81b03721b48e

📥 Commits

Reviewing files that changed from the base of the PR and between db68561 and 201830a.

⛔ Files ignored due to path filters (160)
  • benchmarks/conformance/previews/112-motion-entrance.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/113-motion-updates.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/115-definition-motion.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/119-stacked-bar-band-cursor.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/121-active-bar-dashboard.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/127-shadcn-dashboard.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/128-shadcn-bar-multiple.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/129-shadcn-pie-donut-text.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/13-interval-timeline.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/130-shadcn-radar-multiple.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/131-shadcn-radial-text.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/132-shadcn-tooltip-advanced.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/133-shadcn-area-axes.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/134-shadcn-area-default.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/135-shadcn-area-gradient.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/136-shadcn-area-icons.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/137-shadcn-area-interactive.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/138-shadcn-area-legend.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/139-shadcn-area-linear.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/140-shadcn-area-stacked-expand.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/141-shadcn-area-stacked.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/142-shadcn-area-step.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/143-shadcn-bar-active.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/144-shadcn-bar-default.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/145-shadcn-bar-horizontal.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/146-shadcn-bar-interactive.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/147-shadcn-bar-label-custom.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/148-shadcn-bar-label.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/149-shadcn-bar-mixed.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/15-boxplot.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/150-shadcn-bar-negative.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/151-shadcn-bar-stacked.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/152-shadcn-line-default.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/153-shadcn-line-dots-colors.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/154-shadcn-line-dots-custom.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/155-shadcn-line-dots.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/156-shadcn-line-interactive.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/157-shadcn-line-label-custom.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/158-shadcn-line-label.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/159-shadcn-line-linear.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/160-shadcn-line-multiple.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/161-shadcn-line-step.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/162-shadcn-pie-donut-active.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/163-shadcn-pie-donut.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/164-shadcn-pie-interactive.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/165-shadcn-pie-label-custom.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/166-shadcn-pie-label-list.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/167-shadcn-pie-label.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/168-shadcn-pie-legend.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/169-shadcn-pie-separator-none.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/170-shadcn-pie-simple.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/171-shadcn-pie-stacked.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/172-shadcn-radar-default.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/173-shadcn-radar-dots.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/174-shadcn-radar-grid-circle-fill.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/175-shadcn-radar-grid-circle-no-lines.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/176-shadcn-radar-grid-circle.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/177-shadcn-radar-grid-custom.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/178-shadcn-radar-grid-fill.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/179-shadcn-radar-grid-none.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/180-shadcn-radar-icons.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/181-shadcn-radar-label-custom.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/182-shadcn-radar-legend.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/183-shadcn-radar-lines-only.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/184-shadcn-radar-radius.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/185-shadcn-radial-grid.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/186-shadcn-radial-label.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/187-shadcn-radial-shape.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/188-shadcn-radial-simple.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/189-shadcn-radial-stacked.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/190-shadcn-tooltip-default.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/191-shadcn-tooltip-formatter.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/192-shadcn-tooltip-icons.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/193-shadcn-tooltip-indicator-line.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/194-shadcn-tooltip-indicator-none.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/195-shadcn-tooltip-label-custom.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/196-shadcn-tooltip-label-formatter.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/197-shadcn-tooltip-label-none.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/26-diverging-likert.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/29-waterfall.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/59-grouped-reducer-bars.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/70-composed-chart.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/71-recharts-population-pyramid.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/72-recharts-mixed-bars.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/84-pinned-nested-chart-tooltip.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/bar-grouped.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/bar-horizontal-ranking.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/bar-stacked.svg is excluded by !**/*.svg
  • benchmarks/conformance/previews/bar-vertical-sorted.svg is excluded by !**/*.svg
  • benchmarks/conformance/shadcn/reference/chart-area-axes.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-area-default.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-area-gradient.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-area-icons.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-area-interactive.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-area-legend.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-area-linear.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-area-stacked-expand.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-area-stacked.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-area-step.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-bar-active.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-bar-default.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-bar-horizontal.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-bar-interactive.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-bar-label-custom.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-bar-label.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-bar-mixed.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-bar-multiple.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-bar-negative.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-bar-stacked.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-line-default.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-line-dots-colors.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-line-dots-custom.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-line-dots.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-line-interactive.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-line-label-custom.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-line-label.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-line-linear.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-line-multiple.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-line-step.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-pie-donut-active.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-pie-donut-text.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-pie-donut.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-pie-interactive.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-pie-label-custom.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-pie-label-list.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-pie-label.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-pie-legend.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-pie-separator-none.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-pie-simple.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-pie-stacked.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radar-default.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radar-dots.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radar-grid-circle-fill.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radar-grid-circle-no-lines.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radar-grid-circle.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radar-grid-custom.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radar-grid-fill.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radar-grid-none.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radar-icons.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radar-label-custom.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radar-legend.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radar-lines-only.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radar-multiple.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radar-radius.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radial-grid.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radial-label.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radial-shape.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radial-simple.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radial-stacked.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-radial-text.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-tooltip-advanced.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-tooltip-default.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-tooltip-formatter.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-tooltip-icons.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-tooltip-indicator-line.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-tooltip-indicator-none.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-tooltip-label-custom.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-tooltip-label-formatter.png is excluded by !**/*.png
  • benchmarks/conformance/shadcn/reference/chart-tooltip-label-none.png is excluded by !**/*.png
  • pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml
📒 Files selected for processing (320)
  • .changeset/smooth-shadcn-charts.md
  • API-FRICTION.md
  • benchmarks/bundle-size/universal-baseline.json
  • benchmarks/comparison/bundle-baseline.json
  • benchmarks/conformance/DEFINITION-COVERAGE-AUDIT.md
  • benchmarks/conformance/DEFINITION-COVERAGE-OVERVIEW.md
  • benchmarks/conformance/cases/113-motion-updates/tanstack.test.ts
  • benchmarks/conformance/cases/114-spring-line-motion/tanstack.test.ts
  • benchmarks/conformance/cases/115-definition-motion/tanstack.test.ts
  • benchmarks/conformance/cases/116-geometry-morph/tanstack.test.ts
  • benchmarks/conformance/cases/127-shadcn-dashboard/case.json
  • benchmarks/conformance/cases/127-shadcn-dashboard/dashboard.tsx
  • benchmarks/conformance/cases/127-shadcn-dashboard/data.test.ts
  • benchmarks/conformance/cases/127-shadcn-dashboard/data.ts
  • benchmarks/conformance/cases/127-shadcn-dashboard/recharts-view.tsx
  • benchmarks/conformance/cases/127-shadcn-dashboard/recharts.ts
  • benchmarks/conformance/cases/127-shadcn-dashboard/styles.ts
  • benchmarks/conformance/cases/127-shadcn-dashboard/tanstack-view.tsx
  • benchmarks/conformance/cases/127-shadcn-dashboard/tanstack.test.ts
  • benchmarks/conformance/cases/127-shadcn-dashboard/tanstack.ts
  • benchmarks/conformance/cases/128-shadcn-bar-multiple/case.json
  • benchmarks/conformance/cases/128-shadcn-bar-multiple/data.ts
  • benchmarks/conformance/cases/128-shadcn-bar-multiple/recharts-view.tsx
  • benchmarks/conformance/cases/128-shadcn-bar-multiple/recharts.ts
  • benchmarks/conformance/cases/128-shadcn-bar-multiple/tanstack-view.tsx
  • benchmarks/conformance/cases/128-shadcn-bar-multiple/tanstack.ts
  • benchmarks/conformance/cases/128-shadcn-bar-multiple/view.tsx
  • benchmarks/conformance/cases/129-shadcn-pie-donut-text/case.json
  • benchmarks/conformance/cases/129-shadcn-pie-donut-text/data.ts
  • benchmarks/conformance/cases/129-shadcn-pie-donut-text/recharts-view.tsx
  • benchmarks/conformance/cases/129-shadcn-pie-donut-text/recharts.ts
  • benchmarks/conformance/cases/129-shadcn-pie-donut-text/tanstack-view.tsx
  • benchmarks/conformance/cases/129-shadcn-pie-donut-text/tanstack.ts
  • benchmarks/conformance/cases/129-shadcn-pie-donut-text/view.tsx
  • benchmarks/conformance/cases/130-shadcn-radar-multiple/case.json
  • benchmarks/conformance/cases/130-shadcn-radar-multiple/data.ts
  • benchmarks/conformance/cases/130-shadcn-radar-multiple/recharts-view.tsx
  • benchmarks/conformance/cases/130-shadcn-radar-multiple/recharts.ts
  • benchmarks/conformance/cases/130-shadcn-radar-multiple/tanstack-view.tsx
  • benchmarks/conformance/cases/130-shadcn-radar-multiple/tanstack.ts
  • benchmarks/conformance/cases/130-shadcn-radar-multiple/view.tsx
  • benchmarks/conformance/cases/131-shadcn-radial-text/case.json
  • benchmarks/conformance/cases/131-shadcn-radial-text/data.ts
  • benchmarks/conformance/cases/131-shadcn-radial-text/recharts-view.tsx
  • benchmarks/conformance/cases/131-shadcn-radial-text/recharts.ts
  • benchmarks/conformance/cases/131-shadcn-radial-text/tanstack-view.tsx
  • benchmarks/conformance/cases/131-shadcn-radial-text/tanstack.ts
  • benchmarks/conformance/cases/131-shadcn-radial-text/view.tsx
  • benchmarks/conformance/cases/132-shadcn-tooltip-advanced/case.json
  • benchmarks/conformance/cases/132-shadcn-tooltip-advanced/data.ts
  • benchmarks/conformance/cases/132-shadcn-tooltip-advanced/recharts-view.tsx
  • benchmarks/conformance/cases/132-shadcn-tooltip-advanced/recharts.ts
  • benchmarks/conformance/cases/132-shadcn-tooltip-advanced/tanstack-view.tsx
  • benchmarks/conformance/cases/132-shadcn-tooltip-advanced/tanstack.ts
  • benchmarks/conformance/cases/132-shadcn-tooltip-advanced/view.tsx
  • benchmarks/conformance/cases/133-shadcn-area-axes/case.json
  • benchmarks/conformance/cases/133-shadcn-area-axes/recharts.ts
  • benchmarks/conformance/cases/133-shadcn-area-axes/tanstack.ts
  • benchmarks/conformance/cases/134-shadcn-area-default/case.json
  • benchmarks/conformance/cases/134-shadcn-area-default/recharts.ts
  • benchmarks/conformance/cases/134-shadcn-area-default/tanstack.ts
  • benchmarks/conformance/cases/135-shadcn-area-gradient/case.json
  • benchmarks/conformance/cases/135-shadcn-area-gradient/recharts.ts
  • benchmarks/conformance/cases/135-shadcn-area-gradient/tanstack.ts
  • benchmarks/conformance/cases/136-shadcn-area-icons/case.json
  • benchmarks/conformance/cases/136-shadcn-area-icons/recharts.ts
  • benchmarks/conformance/cases/136-shadcn-area-icons/tanstack.ts
  • benchmarks/conformance/cases/137-shadcn-area-interactive/case.json
  • benchmarks/conformance/cases/137-shadcn-area-interactive/recharts.ts
  • benchmarks/conformance/cases/137-shadcn-area-interactive/tanstack.ts
  • benchmarks/conformance/cases/138-shadcn-area-legend/case.json
  • benchmarks/conformance/cases/138-shadcn-area-legend/recharts.ts
  • benchmarks/conformance/cases/138-shadcn-area-legend/tanstack.ts
  • benchmarks/conformance/cases/139-shadcn-area-linear/case.json
  • benchmarks/conformance/cases/139-shadcn-area-linear/recharts.ts
  • benchmarks/conformance/cases/139-shadcn-area-linear/tanstack.ts
  • benchmarks/conformance/cases/140-shadcn-area-stacked-expand/case.json
  • benchmarks/conformance/cases/140-shadcn-area-stacked-expand/recharts.ts
  • benchmarks/conformance/cases/140-shadcn-area-stacked-expand/tanstack.ts
  • benchmarks/conformance/cases/141-shadcn-area-stacked/case.json
  • benchmarks/conformance/cases/141-shadcn-area-stacked/recharts.ts
  • benchmarks/conformance/cases/141-shadcn-area-stacked/tanstack.ts
  • benchmarks/conformance/cases/142-shadcn-area-step/case.json
  • benchmarks/conformance/cases/142-shadcn-area-step/recharts.ts
  • benchmarks/conformance/cases/142-shadcn-area-step/tanstack.ts
  • benchmarks/conformance/cases/143-shadcn-bar-active/case.json
  • benchmarks/conformance/cases/143-shadcn-bar-active/recharts.ts
  • benchmarks/conformance/cases/143-shadcn-bar-active/tanstack.ts
  • benchmarks/conformance/cases/144-shadcn-bar-default/case.json
  • benchmarks/conformance/cases/144-shadcn-bar-default/recharts.ts
  • benchmarks/conformance/cases/144-shadcn-bar-default/tanstack.ts
  • benchmarks/conformance/cases/145-shadcn-bar-horizontal/case.json
  • benchmarks/conformance/cases/145-shadcn-bar-horizontal/recharts.ts
  • benchmarks/conformance/cases/145-shadcn-bar-horizontal/tanstack.ts
  • benchmarks/conformance/cases/146-shadcn-bar-interactive/case.json
  • benchmarks/conformance/cases/146-shadcn-bar-interactive/recharts.ts
  • benchmarks/conformance/cases/146-shadcn-bar-interactive/tanstack.ts
  • benchmarks/conformance/cases/147-shadcn-bar-label-custom/case.json
  • benchmarks/conformance/cases/147-shadcn-bar-label-custom/recharts.ts
  • benchmarks/conformance/cases/147-shadcn-bar-label-custom/tanstack.ts
  • benchmarks/conformance/cases/148-shadcn-bar-label/case.json
  • benchmarks/conformance/cases/148-shadcn-bar-label/recharts.ts
  • benchmarks/conformance/cases/148-shadcn-bar-label/tanstack.ts
  • benchmarks/conformance/cases/149-shadcn-bar-mixed/case.json
  • benchmarks/conformance/cases/149-shadcn-bar-mixed/recharts.ts
  • benchmarks/conformance/cases/149-shadcn-bar-mixed/tanstack.ts
  • benchmarks/conformance/cases/150-shadcn-bar-negative/case.json
  • benchmarks/conformance/cases/150-shadcn-bar-negative/recharts.ts
  • benchmarks/conformance/cases/150-shadcn-bar-negative/tanstack.ts
  • benchmarks/conformance/cases/151-shadcn-bar-stacked/case.json
  • benchmarks/conformance/cases/151-shadcn-bar-stacked/recharts.ts
  • benchmarks/conformance/cases/151-shadcn-bar-stacked/tanstack.ts
  • benchmarks/conformance/cases/152-shadcn-line-default/case.json
  • benchmarks/conformance/cases/152-shadcn-line-default/recharts.ts
  • benchmarks/conformance/cases/152-shadcn-line-default/tanstack.ts
  • benchmarks/conformance/cases/153-shadcn-line-dots-colors/case.json
  • benchmarks/conformance/cases/153-shadcn-line-dots-colors/recharts.ts
  • benchmarks/conformance/cases/153-shadcn-line-dots-colors/tanstack.ts
  • benchmarks/conformance/cases/154-shadcn-line-dots-custom/case.json
  • benchmarks/conformance/cases/154-shadcn-line-dots-custom/recharts.ts
  • benchmarks/conformance/cases/154-shadcn-line-dots-custom/tanstack.ts
  • benchmarks/conformance/cases/155-shadcn-line-dots/case.json
  • benchmarks/conformance/cases/155-shadcn-line-dots/recharts.ts
  • benchmarks/conformance/cases/155-shadcn-line-dots/tanstack.ts
  • benchmarks/conformance/cases/156-shadcn-line-interactive/case.json
  • benchmarks/conformance/cases/156-shadcn-line-interactive/recharts.ts
  • benchmarks/conformance/cases/156-shadcn-line-interactive/tanstack.ts
  • benchmarks/conformance/cases/157-shadcn-line-label-custom/case.json
  • benchmarks/conformance/cases/157-shadcn-line-label-custom/recharts.ts
  • benchmarks/conformance/cases/157-shadcn-line-label-custom/tanstack.ts
  • benchmarks/conformance/cases/158-shadcn-line-label/case.json
  • benchmarks/conformance/cases/158-shadcn-line-label/recharts.ts
  • benchmarks/conformance/cases/158-shadcn-line-label/tanstack.ts
  • benchmarks/conformance/cases/159-shadcn-line-linear/case.json
  • benchmarks/conformance/cases/159-shadcn-line-linear/recharts.ts
  • benchmarks/conformance/cases/159-shadcn-line-linear/tanstack.ts
  • benchmarks/conformance/cases/160-shadcn-line-multiple/case.json
  • benchmarks/conformance/cases/160-shadcn-line-multiple/recharts.ts
  • benchmarks/conformance/cases/160-shadcn-line-multiple/tanstack.ts
  • benchmarks/conformance/cases/161-shadcn-line-step/case.json
  • benchmarks/conformance/cases/161-shadcn-line-step/recharts.ts
  • benchmarks/conformance/cases/161-shadcn-line-step/tanstack.ts
  • benchmarks/conformance/cases/162-shadcn-pie-donut-active/case.json
  • benchmarks/conformance/cases/162-shadcn-pie-donut-active/recharts.ts
  • benchmarks/conformance/cases/162-shadcn-pie-donut-active/tanstack.ts
  • benchmarks/conformance/cases/163-shadcn-pie-donut/case.json
  • benchmarks/conformance/cases/163-shadcn-pie-donut/recharts.ts
  • benchmarks/conformance/cases/163-shadcn-pie-donut/tanstack.ts
  • benchmarks/conformance/cases/164-shadcn-pie-interactive/case.json
  • benchmarks/conformance/cases/164-shadcn-pie-interactive/recharts.ts
  • benchmarks/conformance/cases/164-shadcn-pie-interactive/tanstack.ts
  • benchmarks/conformance/cases/165-shadcn-pie-label-custom/case.json
  • benchmarks/conformance/cases/165-shadcn-pie-label-custom/recharts.ts
  • benchmarks/conformance/cases/165-shadcn-pie-label-custom/tanstack.ts
  • benchmarks/conformance/cases/166-shadcn-pie-label-list/case.json
  • benchmarks/conformance/cases/166-shadcn-pie-label-list/recharts.ts
  • benchmarks/conformance/cases/166-shadcn-pie-label-list/tanstack.ts
  • benchmarks/conformance/cases/167-shadcn-pie-label/case.json
  • benchmarks/conformance/cases/167-shadcn-pie-label/recharts.ts
  • benchmarks/conformance/cases/167-shadcn-pie-label/tanstack.ts
  • benchmarks/conformance/cases/168-shadcn-pie-legend/case.json
  • benchmarks/conformance/cases/168-shadcn-pie-legend/recharts.ts
  • benchmarks/conformance/cases/168-shadcn-pie-legend/tanstack.ts
  • benchmarks/conformance/cases/169-shadcn-pie-separator-none/case.json
  • benchmarks/conformance/cases/169-shadcn-pie-separator-none/recharts.ts
  • benchmarks/conformance/cases/169-shadcn-pie-separator-none/tanstack.ts
  • benchmarks/conformance/cases/170-shadcn-pie-simple/case.json
  • benchmarks/conformance/cases/170-shadcn-pie-simple/recharts.ts
  • benchmarks/conformance/cases/170-shadcn-pie-simple/tanstack.ts
  • benchmarks/conformance/cases/171-shadcn-pie-stacked/case.json
  • benchmarks/conformance/cases/171-shadcn-pie-stacked/recharts.ts
  • benchmarks/conformance/cases/171-shadcn-pie-stacked/tanstack.ts
  • benchmarks/conformance/cases/172-shadcn-radar-default/case.json
  • benchmarks/conformance/cases/172-shadcn-radar-default/recharts.ts
  • benchmarks/conformance/cases/172-shadcn-radar-default/tanstack.ts
  • benchmarks/conformance/cases/173-shadcn-radar-dots/case.json
  • benchmarks/conformance/cases/173-shadcn-radar-dots/recharts.ts
  • benchmarks/conformance/cases/173-shadcn-radar-dots/tanstack.ts
  • benchmarks/conformance/cases/174-shadcn-radar-grid-circle-fill/case.json
  • benchmarks/conformance/cases/174-shadcn-radar-grid-circle-fill/recharts.ts
  • benchmarks/conformance/cases/174-shadcn-radar-grid-circle-fill/tanstack.ts
  • benchmarks/conformance/cases/175-shadcn-radar-grid-circle-no-lines/case.json
  • benchmarks/conformance/cases/175-shadcn-radar-grid-circle-no-lines/recharts.ts
  • benchmarks/conformance/cases/175-shadcn-radar-grid-circle-no-lines/tanstack.ts
  • benchmarks/conformance/cases/176-shadcn-radar-grid-circle/case.json
  • benchmarks/conformance/cases/176-shadcn-radar-grid-circle/recharts.ts
  • benchmarks/conformance/cases/176-shadcn-radar-grid-circle/tanstack.ts
  • benchmarks/conformance/cases/177-shadcn-radar-grid-custom/case.json
  • benchmarks/conformance/cases/177-shadcn-radar-grid-custom/recharts.ts
  • benchmarks/conformance/cases/177-shadcn-radar-grid-custom/tanstack.ts
  • benchmarks/conformance/cases/178-shadcn-radar-grid-fill/case.json
  • benchmarks/conformance/cases/178-shadcn-radar-grid-fill/recharts.ts
  • benchmarks/conformance/cases/178-shadcn-radar-grid-fill/tanstack.ts
  • benchmarks/conformance/cases/179-shadcn-radar-grid-none/case.json
  • benchmarks/conformance/cases/179-shadcn-radar-grid-none/recharts.ts
  • benchmarks/conformance/cases/179-shadcn-radar-grid-none/tanstack.ts
  • benchmarks/conformance/cases/180-shadcn-radar-icons/case.json
  • benchmarks/conformance/cases/180-shadcn-radar-icons/recharts.ts
  • benchmarks/conformance/cases/180-shadcn-radar-icons/tanstack.ts
  • benchmarks/conformance/cases/181-shadcn-radar-label-custom/case.json
  • benchmarks/conformance/cases/181-shadcn-radar-label-custom/recharts.ts
  • benchmarks/conformance/cases/181-shadcn-radar-label-custom/tanstack.ts
  • benchmarks/conformance/cases/182-shadcn-radar-legend/case.json
  • benchmarks/conformance/cases/182-shadcn-radar-legend/recharts.ts
  • benchmarks/conformance/cases/182-shadcn-radar-legend/tanstack.ts
  • benchmarks/conformance/cases/183-shadcn-radar-lines-only/case.json
  • benchmarks/conformance/cases/183-shadcn-radar-lines-only/recharts.ts
  • benchmarks/conformance/cases/183-shadcn-radar-lines-only/tanstack.ts
  • benchmarks/conformance/cases/184-shadcn-radar-radius/case.json
  • benchmarks/conformance/cases/184-shadcn-radar-radius/recharts.ts
  • benchmarks/conformance/cases/184-shadcn-radar-radius/tanstack.ts
  • benchmarks/conformance/cases/185-shadcn-radial-grid/case.json
  • benchmarks/conformance/cases/185-shadcn-radial-grid/recharts.ts
  • benchmarks/conformance/cases/185-shadcn-radial-grid/tanstack.ts
  • benchmarks/conformance/cases/186-shadcn-radial-label/case.json
  • benchmarks/conformance/cases/186-shadcn-radial-label/recharts.ts
  • benchmarks/conformance/cases/186-shadcn-radial-label/tanstack.ts
  • benchmarks/conformance/cases/187-shadcn-radial-shape/case.json
  • benchmarks/conformance/cases/187-shadcn-radial-shape/recharts.ts
  • benchmarks/conformance/cases/187-shadcn-radial-shape/tanstack.ts
  • benchmarks/conformance/cases/188-shadcn-radial-simple/case.json
  • benchmarks/conformance/cases/188-shadcn-radial-simple/recharts.ts
  • benchmarks/conformance/cases/188-shadcn-radial-simple/tanstack.ts
  • benchmarks/conformance/cases/189-shadcn-radial-stacked/case.json
  • benchmarks/conformance/cases/189-shadcn-radial-stacked/recharts.ts
  • benchmarks/conformance/cases/189-shadcn-radial-stacked/tanstack.ts
  • benchmarks/conformance/cases/190-shadcn-tooltip-default/case.json
  • benchmarks/conformance/cases/190-shadcn-tooltip-default/recharts.ts
  • benchmarks/conformance/cases/190-shadcn-tooltip-default/tanstack.ts
  • benchmarks/conformance/cases/191-shadcn-tooltip-formatter/case.json
  • benchmarks/conformance/cases/191-shadcn-tooltip-formatter/recharts.ts
  • benchmarks/conformance/cases/191-shadcn-tooltip-formatter/tanstack.ts
  • benchmarks/conformance/cases/192-shadcn-tooltip-icons/case.json
  • benchmarks/conformance/cases/192-shadcn-tooltip-icons/recharts.ts
  • benchmarks/conformance/cases/192-shadcn-tooltip-icons/tanstack.ts
  • benchmarks/conformance/cases/193-shadcn-tooltip-indicator-line/case.json
  • benchmarks/conformance/cases/193-shadcn-tooltip-indicator-line/recharts.ts
  • benchmarks/conformance/cases/193-shadcn-tooltip-indicator-line/tanstack.ts
  • benchmarks/conformance/cases/194-shadcn-tooltip-indicator-none/case.json
  • benchmarks/conformance/cases/194-shadcn-tooltip-indicator-none/recharts.ts
  • benchmarks/conformance/cases/194-shadcn-tooltip-indicator-none/tanstack.ts
  • benchmarks/conformance/cases/195-shadcn-tooltip-label-custom/case.json
  • benchmarks/conformance/cases/195-shadcn-tooltip-label-custom/recharts.ts
  • benchmarks/conformance/cases/195-shadcn-tooltip-label-custom/tanstack.ts
  • benchmarks/conformance/cases/196-shadcn-tooltip-label-formatter/case.json
  • benchmarks/conformance/cases/196-shadcn-tooltip-label-formatter/recharts.ts
  • benchmarks/conformance/cases/196-shadcn-tooltip-label-formatter/tanstack.ts
  • benchmarks/conformance/cases/197-shadcn-tooltip-label-none/case.json
  • benchmarks/conformance/cases/197-shadcn-tooltip-label-none/recharts.ts
  • benchmarks/conformance/cases/197-shadcn-tooltip-label-none/tanstack.ts
  • benchmarks/conformance/catalog-index.json
  • benchmarks/conformance/catalog-loader.test.ts
  • benchmarks/conformance/catalog-loader.ts
  • benchmarks/conformance/definition-coverage-roadmap.json
  • benchmarks/conformance/definition-coverage-roadmap.test.ts
  • benchmarks/conformance/metadata.test.ts
  • benchmarks/conformance/metadata.ts
  • benchmarks/conformance/previews/manifest.json
  • benchmarks/conformance/shadcn/README.md
  • benchmarks/conformance/shadcn/area-interactive-data.json
  • benchmarks/conformance/shadcn/catalog.json
  • benchmarks/conformance/shadcn/reference/manifest.json
  • benchmarks/conformance/shared/shadcn-catalog-data.ts
  • benchmarks/conformance/shared/shadcn-catalog-recharts.tsx
  • benchmarks/conformance/shared/shadcn-catalog-tanstack.tsx
  • benchmarks/conformance/shared/shadcn-chart-card.tsx
  • benchmarks/conformance/shared/shadcn-interaction.test.ts
  • benchmarks/conformance/shared/shadcn-motion.test.ts
  • benchmarks/conformance/shared/shadcn-motion.ts
  • benchmarks/conformance/types.ts
  • benchmarks/entries/charts-motion-definition.ts
  • docs/comparison.md
  • docs/config.json
  • docs/guides/dynamic-data-and-animation.md
  • docs/guides/tooltips-and-focus.md
  • docs/reference/index.md
  • docs/reference/marks/bar-and-rect.md
  • docs/reference/marks/polar.md
  • docs/reference/motion.md
  • examples/conformance/src/main.tsx
  • examples/conformance/src/routes.test.ts
  • examples/conformance/src/routes.ts
  • examples/conformance/src/styles.css
  • package.json
  • packages/charts-core/docs/comparison.md
  • packages/charts-core/docs/config.json
  • packages/charts-core/docs/guides/dynamic-data-and-animation.md
  • packages/charts-core/docs/guides/tooltips-and-focus.md
  • packages/charts-core/docs/reference/index.md
  • packages/charts-core/docs/reference/marks/bar-and-rect.md
  • packages/charts-core/docs/reference/marks/polar.md
  • packages/charts-core/docs/reference/motion.md
  • packages/charts-core/package.json
  • packages/charts-core/src/bar.ts
  • packages/charts-core/src/composite-motion-internal.ts
  • packages/charts-core/src/exports.test.ts
  • packages/charts-core/src/mark-composite.test.ts
  • packages/charts-core/src/marks.test.ts
  • packages/charts-core/src/motion-definition.test.ts
  • packages/charts-core/src/motion-definition.ts
  • packages/charts-core/src/motion.test.ts
  • packages/charts-core/src/motion.ts
  • packages/charts-core/src/network-sankey.test.ts
  • packages/charts-core/src/polar.test.ts
  • packages/charts-core/src/polar.ts
  • packages/charts-core/src/renderer-motion-internal.ts
  • packages/charts-core/src/renderer.test.ts
  • packages/charts-core/src/renderer.ts
  • packages/charts-core/src/tooltip.ts
  • packages/charts-core/src/types.ts
  • scripts/catalog-definition-shapes.test.mjs
  • scripts/catalog-preview.mjs
  • scripts/catalog-preview.test.mjs
  • scripts/generate-shadcn-cases.mjs
  • scripts/measure-bundles.mjs
  • scripts/public-callback-contract.mjs
  • scripts/shadcn-catalog.mjs
  • scripts/shadcn-catalog.test.mjs
  • scripts/shadcn-reference-screenshots.mjs
  • scripts/shadcn-visual-parity.mjs

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@nx-cloud

nx-cloud Bot commented Aug 14, 2026

Copy link
Copy Markdown

View your CI Pipeline Execution ↗ for commit 201830a

Command Status Duration Result
nx run charts-workspace:ci-distributed ✅ Succeeded 2m 28s View ↗
nx run charts-workspace:package-check ✅ Succeeded <1s View ↗
nx run charts-workspace:benchmark-check ✅ Succeeded <1s View ↗

☁️ Nx Cloud last updated this comment at 2026-08-14 06:06:51 UTC

@socket-security

Copy link
Copy Markdown

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff Package Supply Chain
Security
Vulnerability Quality Maintenance License
Addedpngjs@​7.0.010010010080100
Addedpixelmatch@​7.1.010010010087100

View full report

@tannerlinsley
tannerlinsley merged commit 744360b into main Aug 14, 2026
18 checks passed
@github-actions github-actions Bot mentioned this pull request Aug 14, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant