Publish React chart catalog by tannerlinsley · Pull Request #59 · TanStack/charts

tannerlinsley · 2026-08-05T00:04:36Z

Summary

publish 109 importable React catalog case components with SSR and responsive rendering
add preview rendering, focus-free runtime support, CSP-safe bundled datasets, and third-party notices
add the catalog package to the fixed Changesets release group and trusted-publishing workflow
update catalog, documentation, and bundle contracts

Validation

pnpm run validate
pnpm benchmark:check
pnpm react-native:poc:types
pnpm react-catalog:check
pnpm changeset status --since=origin/main

All release gates were run with the pinned Node 24.18.0 runtime.

coderabbitai · 2026-08-05T00:04:46Z

Important

Review skipped

Too many files!

This PR contains 255 files, which is 155 over the limit of 100.

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

Upgrade to a paid plan to raise the limit.

This review couldn't start because sufficient usage credits or metered capacity aren't available. Add credits or update usage-based reviews in the billing tab, then retry.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 1a471b82-ace1-40f7-8a75-cf20ffaddab1

📥 Commits

Reviewing files that changed from the base of the PR and between bb470c9 and 470c29a.

⛔ Files ignored due to path filters (1)

pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml

📒 Files selected for processing (255)

.changeset/README.md
.changeset/config.json
.changeset/curated-react-catalog.md
API-FRICTION.md
CONTRIBUTING.md
benchmarks/bundle-size/universal-baseline.json
benchmarks/comparison/bundle-baseline.json
benchmarks/conformance/README.md
benchmarks/conformance/cases/01-line-gaps/tanstack.ts
benchmarks/conformance/cases/02-multi-line-end-labels/tanstack.ts
benchmarks/conformance/cases/03-temperature-range-band/tanstack.ts
benchmarks/conformance/cases/04-stacked-time-area/tanstack.ts
benchmarks/conformance/cases/100-radial-bars/tanstack.ts
benchmarks/conformance/cases/101-sunburst/tanstack.ts
benchmarks/conformance/cases/102-world-choropleth/tanstack.ts
benchmarks/conformance/cases/103-bubble-map/tanstack.ts
benchmarks/conformance/cases/104-orthographic-globe/tanstack.ts
benchmarks/conformance/cases/105-route-map/tanstack.ts
benchmarks/conformance/cases/106-polar-line/tanstack.ts
benchmarks/conformance/cases/108-country-choropleth/tanstack.ts
benchmarks/conformance/cases/109-us-state-choropleth/tanstack.ts
benchmarks/conformance/cases/109-us-state-choropleth/transform.ts
benchmarks/conformance/cases/110-projection-gallery/projection.ts
benchmarks/conformance/cases/110-projection-gallery/tanstack.ts
benchmarks/conformance/cases/111-basic-sankey/tanstack.ts
benchmarks/conformance/cases/112-motion-entrance/tanstack.ts
benchmarks/conformance/cases/113-motion-updates/tanstack.ts
benchmarks/conformance/cases/114-spring-line-motion/tanstack.ts
benchmarks/conformance/cases/115-definition-motion/tanstack.ts
benchmarks/conformance/cases/116-geometry-morph/tanstack.ts
benchmarks/conformance/cases/117-focus-cursor-motion/tanstack.ts
benchmarks/conformance/cases/118-token-usage-calendar/tanstack.ts
benchmarks/conformance/cases/13-interval-timeline/tanstack.ts
benchmarks/conformance/cases/14-error-bars/tanstack.ts
benchmarks/conformance/cases/15-boxplot/tanstack.ts
benchmarks/conformance/cases/19-moving-average-line/tanstack.ts
benchmarks/conformance/cases/20-normalized-stacked-area/tanstack.ts
benchmarks/conformance/cases/21-streamgraph/tanstack.ts
benchmarks/conformance/cases/22-bollinger-band/tanstack.ts
benchmarks/conformance/cases/26-diverging-likert/tanstack.ts
benchmarks/conformance/cases/27-parallel-coordinates/tanstack.ts
benchmarks/conformance/cases/28-candlestick/tanstack.ts
benchmarks/conformance/cases/29-waterfall/tanstack.ts
benchmarks/conformance/cases/31-linear-regression/tanstack.ts
benchmarks/conformance/cases/32-change-arrows/tanstack.ts
benchmarks/conformance/cases/34-pointer-tooltip/tanstack.ts
benchmarks/conformance/cases/35-grouped-tooltip/tanstack.ts
benchmarks/conformance/cases/38-contour-topography/tanstack.ts
benchmarks/conformance/cases/39-density-contours/tanstack.test.ts
benchmarks/conformance/cases/39-density-contours/tanstack.ts
benchmarks/conformance/cases/40-force-directed-network/tanstack.ts
benchmarks/conformance/cases/41-waffle-unit-chart/tanstack.ts
benchmarks/conformance/cases/42-vector-field/tanstack.ts
benchmarks/conformance/cases/43-hexbin-density/tanstack.ts
benchmarks/conformance/cases/44-framed-scatter/tanstack.ts
benchmarks/conformance/cases/50-empirical-cdf/tanstack.ts
benchmarks/conformance/cases/51-faceted-distributions/tanstack.ts
benchmarks/conformance/cases/53-log-scale-scatter/tanstack.ts
benchmarks/conformance/cases/57-scatter-marginal-histograms/tanstack.ts
benchmarks/conformance/cases/58-select-extrema/tanstack.ts
benchmarks/conformance/cases/59-grouped-reducer-bars/tanstack.ts
benchmarks/conformance/cases/61-quantile-ribbon/tanstack.ts
benchmarks/conformance/cases/64-marimekko-mosaic/tanstack.ts
benchmarks/conformance/cases/65-voronoi-nearest-tooltip/tanstack.ts
benchmarks/conformance/cases/70-composed-chart/tanstack.ts
benchmarks/conformance/cases/71-recharts-population-pyramid/tanstack.ts
benchmarks/conformance/cases/73-many-point-scatter/tanstack.ts
benchmarks/conformance/cases/75-radar/tanstack.ts
benchmarks/conformance/cases/78-gauge/tanstack.ts
benchmarks/conformance/cases/80-echarts-axis-pointer/view.tsx
benchmarks/conformance/cases/81-recharts-interactive-legend/view.tsx
benchmarks/conformance/cases/82-chart-table-selection/view.tsx
benchmarks/conformance/cases/83-focus-context-window/view.tsx
benchmarks/conformance/cases/84-pinned-nested-chart-tooltip/view.tsx
benchmarks/conformance/cases/85-scrollable-resource-lanes/tanstack.ts
benchmarks/conformance/cases/86-streaming-window-preservation/view.tsx
benchmarks/conformance/cases/87-echarts-synchronized-cursors/view.tsx
benchmarks/conformance/cases/88-echarts-free-cursor/view.tsx
benchmarks/conformance/cases/89-brush-range-selection/view.tsx
benchmarks/conformance/cases/90-zoomable-time-window/view.tsx
benchmarks/conformance/cases/91-timeline-playback-scrubber/tanstack.ts
benchmarks/conformance/cases/92-editable-event-range/tanstack.ts
benchmarks/conformance/cases/93-labeled-pie/tanstack.ts
benchmarks/conformance/cases/heatmap-labeled/tanstack.ts
benchmarks/conformance/cases/histogram/tanstack.ts
benchmarks/conformance/cases/scatter-bubble/tanstack.ts
benchmarks/conformance/shared/fixtures/country-atlas.ts
benchmarks/conformance/shared/fixtures/simplify-geo.ts
benchmarks/conformance/shared/mount.ts
benchmarks/conformance/shared/preview.ts
benchmarks/conformance/shared/react-mount.ts
benchmarks/conformance/shared/transforms/learning-poverty.ts
benchmarks/conformance/types.ts
docs/comparison.md
docs/reference/dom-host.md
docs/reference/focus-and-interaction.md
nx.json
package.json
packages/charts-core/docs/comparison.md
packages/charts-core/docs/reference/dom-host.md
packages/charts-core/docs/reference/focus-and-interaction.md
packages/charts-core/package.json
packages/charts-core/src/adapter-renderer.ts
packages/charts-core/src/adapter.test.ts
packages/charts-core/src/adapter.ts
packages/charts-core/src/renderer.ts
packages/charts-core/src/runtime.test.ts
packages/charts-core/src/runtime.ts
packages/charts-core/src/scene.test.ts
packages/charts-core/src/scene.ts
packages/charts-core/src/types.ts
packages/charts-demo-data/package.json
packages/charts-demo-data/src/aapl.js
packages/charts-demo-data/src/diamonds.js
packages/charts-demo-data/src/metadata.js
packages/charts-demo-data/src/olympians.js
packages/charts-demo-data/src/parse-csv.js
packages/charts-demo-data/src/pizza.js
packages/charts-demo-data/src/simpsons.js
packages/charts-demo-data/src/us-county-unemployment.js
packages/charts-demo-data/src/weather.js
packages/charts-demo-data/src/wind.js
packages/react-charts-catalog/CHANGELOG.md
packages/react-charts-catalog/LICENSE
packages/react-charts-catalog/README.md
packages/react-charts-catalog/THIRD_PARTY_NOTICES.md
packages/react-charts-catalog/package.json
packages/react-charts-catalog/src/cases/01-line-gaps.ts
packages/react-charts-catalog/src/cases/02-multi-line-end-labels.ts
packages/react-charts-catalog/src/cases/03-temperature-range-band.ts
packages/react-charts-catalog/src/cases/04-stacked-time-area.ts
packages/react-charts-catalog/src/cases/100-radial-bars.ts
packages/react-charts-catalog/src/cases/101-sunburst.ts
packages/react-charts-catalog/src/cases/102-world-choropleth.ts
packages/react-charts-catalog/src/cases/103-bubble-map.ts
packages/react-charts-catalog/src/cases/104-orthographic-globe.ts
packages/react-charts-catalog/src/cases/105-route-map.ts
packages/react-charts-catalog/src/cases/106-polar-line.ts
packages/react-charts-catalog/src/cases/107-polar-scatter.ts
packages/react-charts-catalog/src/cases/108-country-choropleth.ts
packages/react-charts-catalog/src/cases/109-us-state-choropleth.ts
packages/react-charts-catalog/src/cases/110-projection-gallery.ts
packages/react-charts-catalog/src/cases/111-basic-sankey.ts
packages/react-charts-catalog/src/cases/111-sankey-flow.ts
packages/react-charts-catalog/src/cases/112-motion-entrance.ts
packages/react-charts-catalog/src/cases/113-motion-updates.ts
packages/react-charts-catalog/src/cases/114-spring-line-motion.ts
packages/react-charts-catalog/src/cases/115-definition-motion.ts
packages/react-charts-catalog/src/cases/116-geometry-morph.ts
packages/react-charts-catalog/src/cases/117-focus-cursor-motion.ts
packages/react-charts-catalog/src/cases/118-token-usage-calendar.ts
packages/react-charts-catalog/src/cases/13-interval-timeline.ts
packages/react-charts-catalog/src/cases/14-error-bars.ts
packages/react-charts-catalog/src/cases/15-boxplot.ts
packages/react-charts-catalog/src/cases/16-lollipop.ts
packages/react-charts-catalog/src/cases/17-dumbbell.ts
packages/react-charts-catalog/src/cases/18-cumulative-histogram.ts
packages/react-charts-catalog/src/cases/19-moving-average-line.ts
packages/react-charts-catalog/src/cases/20-normalized-stacked-area.ts
packages/react-charts-catalog/src/cases/21-streamgraph.ts
packages/react-charts-catalog/src/cases/22-bollinger-band.ts
packages/react-charts-catalog/src/cases/24-quantitative-binned-heatmap.ts
packages/react-charts-catalog/src/cases/25-calendar-heatmap.ts
packages/react-charts-catalog/src/cases/26-diverging-likert.ts
packages/react-charts-catalog/src/cases/27-parallel-coordinates.ts
packages/react-charts-catalog/src/cases/28-candlestick.ts
packages/react-charts-catalog/src/cases/29-waterfall.ts
packages/react-charts-catalog/src/cases/30-slopegraph.ts
packages/react-charts-catalog/src/cases/31-linear-regression.ts
packages/react-charts-catalog/src/cases/32-change-arrows.ts
packages/react-charts-catalog/src/cases/33-difference-chart.ts
packages/react-charts-catalog/src/cases/34-pointer-tooltip.ts
packages/react-charts-catalog/src/cases/35-grouped-tooltip.ts
packages/react-charts-catalog/src/cases/36-hierarchy-tree.ts
packages/react-charts-catalog/src/cases/37-delaunay-network.ts
packages/react-charts-catalog/src/cases/38-contour-topography.ts
packages/react-charts-catalog/src/cases/39-density-contours.ts
packages/react-charts-catalog/src/cases/40-force-directed-network.ts
packages/react-charts-catalog/src/cases/40-geojson-map.ts
packages/react-charts-catalog/src/cases/41-waffle-unit-chart.ts
packages/react-charts-catalog/src/cases/42-vector-field.ts
packages/react-charts-catalog/src/cases/43-hexbin-density.ts
packages/react-charts-catalog/src/cases/44-framed-scatter.ts
packages/react-charts-catalog/src/cases/50-empirical-cdf.ts
packages/react-charts-catalog/src/cases/51-faceted-distributions.ts
packages/react-charts-catalog/src/cases/52-beeswarm-dodge.ts
packages/react-charts-catalog/src/cases/53-log-scale-scatter.ts
packages/react-charts-catalog/src/cases/54-bump-ranking.ts
packages/react-charts-catalog/src/cases/55-indexed-multi-line.ts
packages/react-charts-catalog/src/cases/56-connected-scatter.ts
packages/react-charts-catalog/src/cases/57-scatter-marginal-histograms.ts
packages/react-charts-catalog/src/cases/58-select-extrema.ts
packages/react-charts-catalog/src/cases/59-grouped-reducer-bars.ts
packages/react-charts-catalog/src/cases/60-lag-autocorrelation.ts
packages/react-charts-catalog/src/cases/61-quantile-ribbon.ts
packages/react-charts-catalog/src/cases/62-ridgeline-density.ts
packages/react-charts-catalog/src/cases/63-violin-distributions.ts
packages/react-charts-catalog/src/cases/64-marimekko-mosaic.ts
packages/react-charts-catalog/src/cases/65-voronoi-nearest-tooltip.ts
packages/react-charts-catalog/src/cases/70-composed-chart.ts
packages/react-charts-catalog/src/cases/71-recharts-population-pyramid.ts
packages/react-charts-catalog/src/cases/72-recharts-mixed-bars.ts
packages/react-charts-catalog/src/cases/73-many-point-scatter.ts
packages/react-charts-catalog/src/cases/74-recharts-treemap.ts
packages/react-charts-catalog/src/cases/75-radar.ts
packages/react-charts-catalog/src/cases/76-pie.ts
packages/react-charts-catalog/src/cases/77-donut.ts
packages/react-charts-catalog/src/cases/78-gauge.ts
packages/react-charts-catalog/src/cases/80-echarts-axis-pointer.ts
packages/react-charts-catalog/src/cases/81-recharts-interactive-legend.ts
packages/react-charts-catalog/src/cases/82-chart-table-selection.ts
packages/react-charts-catalog/src/cases/83-focus-context-window.ts
packages/react-charts-catalog/src/cases/84-pinned-nested-chart-tooltip.ts
packages/react-charts-catalog/src/cases/85-scrollable-resource-lanes.ts
packages/react-charts-catalog/src/cases/86-streaming-window-preservation.ts
packages/react-charts-catalog/src/cases/87-echarts-synchronized-cursors.ts
packages/react-charts-catalog/src/cases/88-echarts-free-cursor.ts
packages/react-charts-catalog/src/cases/89-brush-range-selection.ts
packages/react-charts-catalog/src/cases/90-zoomable-time-window.ts
packages/react-charts-catalog/src/cases/91-timeline-playback-scrubber.ts
packages/react-charts-catalog/src/cases/92-editable-event-range.ts
packages/react-charts-catalog/src/cases/93-labeled-pie.ts
packages/react-charts-catalog/src/cases/94-center-donut.ts
packages/react-charts-catalog/src/cases/95-rounded-donut.ts
packages/react-charts-catalog/src/cases/96-nested-donut.ts
packages/react-charts-catalog/src/cases/97-rose.ts
packages/react-charts-catalog/src/cases/98-needle-gauge.ts
packages/react-charts-catalog/src/cases/99-comparative-radar.ts
packages/react-charts-catalog/src/cases/bar-grouped.ts
packages/react-charts-catalog/src/cases/bar-horizontal-ranking.ts
packages/react-charts-catalog/src/cases/bar-stacked.ts
packages/react-charts-catalog/src/cases/bar-vertical-sorted.ts
packages/react-charts-catalog/src/cases/facets-anscombe.ts
packages/react-charts-catalog/src/cases/heatmap-labeled.ts
packages/react-charts-catalog/src/cases/histogram.ts
packages/react-charts-catalog/src/cases/scatter-bubble.ts
packages/react-charts-catalog/src/catalog.test.tsx
packages/react-charts-catalog/src/createCatalogChart.tsx
packages/react-charts-catalog/src/createCatalogView.tsx
packages/react-charts-catalog/src/index.ts
packages/react-charts-catalog/src/preview.test.tsx
packages/react-charts/src/Chart.test.tsx
packages/react-charts/src/RendererChart.tsx
packages/react-native-charts/src/interaction.test.ts
packages/react-native-charts/src/interaction.ts
project.json
scripts/catalog-definition-shapes.test.mjs
scripts/check-packed-consumers.mjs
scripts/demo-data.test.mjs
scripts/docs-contract.mjs
scripts/publish-release.mjs
scripts/release-package-config.mjs
scripts/release-workflow.test.mjs
scripts/sync-demo-data.mjs
scripts/sync-react-charts-catalog.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.}

tannerlinsley added 2 commits August 4, 2026 17:52

Publish React chart catalog

11ba458

Complete catalog release metadata

9cf42e0

Allow exhaustive catalog responsiveness test

470c29a

tannerlinsley merged commit cec074e into main Aug 5, 2026
17 checks passed

tannerlinsley deleted the taren/catalog-react-ssr branch August 5, 2026 00:15

github-actions Bot mentioned this pull request Aug 5, 2026

ci: Version Packages #61

Merged

Navigation Menu

Uh oh!

Publish React chart catalog - #59

Publish React chart catalog#59
tannerlinsley merged 3 commits into
mainfrom
taren/catalog-react-ssr

tannerlinsley commented Aug 5, 2026

Uh oh!

coderabbitai Bot commented Aug 5, 2026 •

edited

Loading

Review skipped

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Uh oh!

Conversation

tannerlinsley commented Aug 5, 2026

Summary

Validation

Uh oh!

coderabbitai Bot commented Aug 5, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

coderabbitai Bot commented Aug 5, 2026 •

edited

Loading