Mark TanStack Charts as official Alpha

[tannerlinsley]

Summary

• label TanStack Charts as Alpha through the existing library status badge
• upgrade the site and Builder examples to @tanstack/charts 0.16.0
• migrate active and embedded chart definitions to the canonical scales API
• regenerate the owned Charts landing SVGs with 0.16.0

Verification

• pnpm build
• pnpm test, 466 passed, 0 failed, 1 skipped
• pnpm charts:check-landing-svg
• production preview at 1440 by 1000 and 390 by 844
• no page overflow, console errors, page errors, or failed app responses

Charts v0.16.0 is live: https://github.com/TanStack/charts/releases/tag/v0.16.0

Summary by CodeRabbit

• New Features

  • Updated charting capabilities to TanStack Charts 0.16.0.
  • Improved chart animation configuration and compatibility across chart views.
  • Marked TanStack Charts as an alpha-stage library.

• Bug Fixes

  • Updated chart configurations and generated visuals for the latest charting API, preserving existing data, labels, and behavior.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 183e7ed9-cf3e-4623-a5dd-df5e11c79297

📥 Commits

Reviewing files that changed from the base of the PR and between 90bb1e3 and 27e74d3.

⛔ Files ignored due to path filters (1)

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

📒 Files selected for processing (28)

• package.json
• pnpm-workspace.yaml
• scripts/charts-landing/activation-chart.ts
• scripts/charts-landing/kinetic-area-chart.ts
• scripts/charts-landing/kinetic-bar-chart.ts
• scripts/charts-landing/kinetic-donut-chart.ts
• scripts/charts-landing/kinetic-dumbbell-chart.ts
• scripts/charts-landing/kinetic-heatmap-chart.ts
• scripts/charts-landing/kinetic-layered-chart.ts
• scripts/charts-landing/kinetic-line-chart.ts
• scripts/charts-landing/kinetic-lollipop-chart.ts
• scripts/charts-landing/kinetic-radar-chart.ts
• scripts/charts-landing/kinetic-scatter-chart.ts
• scripts/generate-charts-landing-svg.ts
• src/components/charts/ChartsBuilderPage.client.tsx
• src/components/charts/TimeSeriesChart.tsx
• src/components/intent/SkillDependencyGraph.tsx
• src/components/intent/SkillSparkline.tsx
• src/components/landing/ChartsLanding.tsx
• src/components/landing/chartsActivationSvg.ts
• src/components/landing/chartsCommonSvg.ts
• src/components/landing/chartsKineticSvg.ts
• src/components/npm-stats/NPMStatsChart.tsx
• src/libraries/libraries.ts
• src/utils/builder-environment.ts
• src/utils/builder-examples.ts
• tests/builder-ai-package-resources.test.ts
• tests/builder-environment.test.ts

Included review availability: Your plan provides up to 4 included reviews per hour; 3 remain after this review.

---

📝 Walkthrough

Walkthrough

The PR upgrades @tanstack/charts from 0.13.0 to 0.16.0 and migrates chart definitions to nested scales, updated axis tick settings, and svgAnimation. Landing SVG constants and builder fixtures are regenerated.

Changes

TanStack Charts API migration

Layer / File(s)	Summary
Dependency and builder version updates package.json, pnpm-workspace.yaml, src/utils/builder-environment.ts, src/libraries/libraries.ts, tests/*	Updates TanStack Charts references and builder fixtures to version 0.16.0. Marks the charts library with an alpha badge.
Landing chart configuration migration scripts/charts-landing/*, scripts/generate-charts-landing-svg.ts, src/components/landing/charts*Svg.ts	Moves chart scales into scales, updates nested axis tick settings, and regenerates landing SVG constants.
Application chart configuration migration src/components/charts/*, src/components/intent/*, src/components/landing/ChartsLanding.tsx, src/components/npm-stats/NPMStatsChart.tsx, src/utils/builder-examples.ts	Migrates application chart definitions to nested scales and renames animate to svgAnimation where applicable.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Merge Risk: ⚪ Minimal · up to 27e74

This PR updates the Charts release status, dependency version, examples, APIs, and generated assets; the reported validation checks pass, so no actionable merge-blocking risk remains.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 6 functions across 26 files. (2 skipped: 2…	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly identifies the primary change: marking TanStack Charts with the Alpha status. It is concise and related to the pull request objectives.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

Full details: Docstring Coverage

Explanation

Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 6 functions across 26 files. (2 skipped: 2 unsupported.)

• Fix all pre-merge checks with AI

✨ Finishing Touches 💡 1

📝 Generate docstrings 💡

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch taren/charts-official-alpha

---

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

• X
• Mastodon
• Reddit
• LinkedIn

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

[socket-security]

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

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	@​tanstack/​charts@​0.16.0

View full report

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	tanstack-com	27e74d3	Commit Preview URL Branch Preview URL	Aug 26 2026, 11:01 PM