docs: use the dynamic README header endpoint

[AlemTuzlak]

Adopts the dynamic README header endpoint added in TanStack/tanstack.com#1076,
which is merged and live.

README banners now point a <picture> at https://tanstack.com/api/readme/
instead of a committed PNG. The endpoint renders 1800x450 in light and dark, so
a branding change lands in every README at once and dark-mode readers get a
dark banner.

The root banner was the only one in this repo; the 12 public package READMEs had none. The site currently lists only react as a Charts framework, so the other adapters use ?title= rather than ?framework= - the endpoint rejects an unlisted framework instead of silently falling back. If Charts gains those frameworks on the site, these can switch to ?framework=.

Notes

• Light and dark are served through <picture>, per GitHub's guidance. The trailing <img> stays the light variant, as the fallback for renderers that ignore <picture> (npm, most editors).
• Only packages a user installs directly get a banner. Private and internal packages are deliberately left alone.

Verification

Every URL in this diff was requested against the live endpoint and returned
200 image/png at 1800x450. git grep confirms no README still references
the deleted asset.

Summary by CodeRabbit

• Documentation
  • Added responsive README banners across chart packages.
  • Banners automatically display theme-specific artwork for light and dark color schemes.
  • Improved image accessibility with descriptive alternative text.
  • Updated the main README header to use responsive theme-aware imagery.
  • Removed the previous local header image asset.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Team

Run ID: cd82c6ad-44b6-4459-a1cc-f8dbd9368272

📥 Commits

Reviewing files that changed from the base of the PR and between 258ed39 and d4e9e69.

⛔ Files ignored due to path filters (1)

• media/header_charts.png is excluded by !**/*.png

📒 Files selected for processing (13)

• README.md
• packages/alpine-charts/README.md
• packages/angular-charts/README.md
• packages/charts-core/README.md
• packages/charts-scales/README.md
• packages/lit-charts/README.md
• packages/octane-charts/README.md
• packages/preact-charts/README.md
• packages/react-charts/README.md
• packages/react-native-charts/README.md
• packages/solid-charts/README.md
• packages/svelte-charts/README.md
• packages/vue-charts/README.md

🚧 Files skipped from review as they are similar to previous changes (13)

• packages/octane-charts/README.md
• packages/solid-charts/README.md
• packages/vue-charts/README.md
• packages/svelte-charts/README.md
• README.md
• packages/react-charts/README.md
• packages/charts-scales/README.md
• packages/charts-core/README.md
• packages/react-native-charts/README.md
• packages/lit-charts/README.md
• packages/alpine-charts/README.md
• packages/angular-charts/README.md
• packages/preact-charts/README.md

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

---

📝 Walkthrough

Walkthrough

The repository and package READMEs now use centered, responsive <picture> banners. Each banner selects dark or light artwork based on the color scheme and includes accessible image metadata. The root README no longer uses the local header image.

Changes

README banner updates

Layer / File(s)	Summary
Repository README banner README.md	The local header image was replaced with a hosted responsive <picture> element that selects dark or light artwork and includes accessible metadata.
Package README banners packages/*/README.md	Package READMEs now include centered responsive banners with theme-specific image sources and descriptive image metadata.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Merge Risk: ⚪ Minimal · up to d4e9e

The README banner updates are ready to merge with no identified current risk to users or production behavior.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and concisely summarizes the main change: updating README banners to use TanStack’s dynamic README header endpoint.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 0…
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

No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 0 files. (13 skipped: 13 unsupported.)

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch readme-header-endpoint

---

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.}

[coderabbitai]

Note

GitHub couldn't provide a complete incremental comparison for this pull request, so CodeRabbit is performing a full review instead. This review may take a little longer.

[nx-cloud]

View your CI Pipeline Execution ↗ for commit d4e9e69

Command	Status	Duration	Result
nx run-many --targets=format-check,docs-check,d...	✅ Succeeded	1s	View ↗

---

☁️ Nx Cloud last updated this comment at 2026-09-03 18:19:22 UTC