tanstack-charts

TanStack Charts

マーク、スケール、レイアウト、インタラクション、アクセシビリティ、レンダリング、フレームワークアダプターに関する、型付きのチャート文法ガイダンスです。

記録されたリリースでドキュメント化されている API のみを使用してください。

ワークフロー

1. インストール済みの TanStack パッケージと正確なバージョンを確認します。
2. 検出されたフレームワークの基礎リファレンスとアダプターリファレンスを読みます。
3. トピックリファレンスは索引です。タスクに合ったガイドまたはセクションを選び、必要な場合のみ前提条件へのリンクをたどります。
4. 記憶に頼るより、インストール済みパッケージの型とバージョンに対応したソースのガイダンスを優先します。
5. 例をフレームワークアダプター向けに翻案する場合も、ヘッドレス／コアの動作を維持します。

タスク別ガイド

• はじめに — 概要、比較、インストール、クイックスタート。
• チャート文法 — チャートの概念、チャートの選択、TypeScript のガイダンス。
• コア可視化パターン — 一般的な注釈、棒グラフ、分布、ヒートマップ、区間、折れ線、散布図、積み上げ。
• 高度な可視化パターン — ファセット、インタラクション、マップ、ネットワーク、極座標チャート、テーマ、モーション。
• 直交座標系および統計マーク — 直交座標系、分布、密度、回帰、統計マークのリファレンス。
• 空間および極座標マーク — 空間、極座標、フォーカスガイド、Delaunay、地理、Voronoi マークのリファレンス。
• 複合マークおよび階層マーク — 複合、ネットワーク、階層、ルール、フレーム、ワッフルマークのリファレンス。
• 仕様 — チャート定義、仕様、リファレンス索引。
• 型リファレンス — チャートの TypeScript 定義と型リファレンス。
• インタラクションとモーションのリファレンス — フォーカス、インタラクション、モーションのリファレンス。
• ランタイムとスケールのリファレンス — ランタイム、シーン、スケール、ガイド、色のリファレンス。
• レンダリングと構成のリファレンス — アダプター、拡張機能、ホスト、レンダリング、エクスポート、変換、ビュー構成。
• 構成とカスタマイズ — 構成、カスタムマーク、レンダラー、変換、色、アニメーション。
• インタラクションとアクセシビリティ — フォーカス、ツールチップ、インタラクション、選択、アクセシビリティ。
• 本番環境と移行 — レスポンシブレイアウト、パフォーマンス、SSR、テスト、エクスポート、作成、移行。
• React アダプター — React 固有のセットアップと動作。
• Preact アダプター — Preact 固有のセットアップと動作。
• Vue アダプター — Vue 固有のセットアップと動作。
• Solid アダプター — Solid 固有のセットアップと動作。
• Svelte アダプター — Svelte 固有のセットアップと動作。
• Angular アダプター — Angular 固有のセットアップと動作。
• Lit アダプター — Lit 固有のセットアップと動作。
• Alpine アダプター — Alpine 固有のセットアップと動作。
• Octane アダプター — Octane 固有のセットアップと動作。
• React Native アダプター — React Native 固有のセットアップと動作。
• その他の公式ガイド — より限定的なトピックでは扱われていない公式ガイダンス。

フレームワークの振り分け

• Vanilla — @tanstack/charts を検出します。はじめにをお読みください。共通のガイダンスです。アダプター固有の違いを確認してください。
• Alpine — @tanstack/charts/alpine を検出します。Alpine アダプターをお読みください。
• Angular — @tanstack/charts/angular を検出します。Angular アダプターをお読みください。
• Lit — @tanstack/charts/lit を検出します。Lit アダプターをお読みください。
• Octane — @tanstack/charts/octane を検出します。Octane アダプターをお読みください。
• Preact — @tanstack/charts/preact を検出します。Preact アダプターをお読みください。
• React — @tanstack/charts/react を検出します。React アダプターをお読みください。
• React Native — @tanstack/react-native-charts を検出します。実験的なアダプターです。React Native アダプターをお読みください。
• Solid — @tanstack/charts/solid を検出します。Solid アダプターをお読みください。
• Svelte — @tanstack/charts/svelte を検出します。Svelte アダプターをお読みください。
• Vue — @tanstack/charts/vue を検出します。Vue アダプターをお読みください。

ソースのステータス

TanStack/charts の公式ドキュメントを、以下の検証済みリリース入力に照らし合わせています：@tanstack/[email protected]、@tanstack/[email protected]。

上流からの正確な入力と重複排除の記録については、ソースの出所をご覧ください。