React、Angular、Vueで利用でき、スプレッドシート風の表示・編集・数式に対応したJavaScript/TypeScript向けデータグリッドコンポーネント。
antvis/S2
ReactとVueのコンポーネントを備えた、多次元ピボットテーブルや分析グリッドを構築するためのTypeScript可視化ライブラリ。
- スター
- 1,697
- フォーク
- 221
- 未解決の Issue
- 97
- 最終コミット
- 2 か月前
これは何?
S2は、多次元クロス分析向けのデータ駆動型テーブルライブラリです。データセットの行、列、指標を設定すると、任意のディメンションの組み合わせで切り替えられるピボットテーブルを描画します。
プロジェクトはコアパッケージとフレームワーク向けバインディングに分かれています。@antv/s2はコアのPivotSheetとテーブル描画機能を提供し、@antv/s2-reactと@antv/s2-vueはすぐに使えるコンポーネントを提供します。ビジネス向けコンポーネントやサーバーサイドレンダリングを扱う追加パッケージもあります。
S2は選択、固定、リサイズ、カスタムインタラクションに対応し、レイアウト、インタラクション、スタイル、データ処理を拡張できます。中国語と英語のドキュメントには、実際に操作できるプレイグラウンドも含まれています。
主な機能
- 01任意のディメンションを自由に組み合わせたクロス分析用ピボットテーブル。
- 02プロジェクトが公表しているベンチマークによると、大規模データセットを高速なドリルダウン応答で描画。
- 03すぐに使えるReactおよびVue 3コンポーネント。
- 04選択(単一、複数、範囲)、固定、リサイズのインタラクション。
- 05レイアウト、インタラクション、スタイル、データ処理を拡張可能。
ユースケース
- Webダッシュボードで金融や営業のレポート用ピボットテーブルを構築する。
- ReactまたはVueの管理システムに、編集可能な多階層のクロス集計テーブルを追加する。
- ドリルダウン操作が必要な大規模な分析テーブルを描画する。
クイックスタート
- 1
npmでパッケージをインストールします
npm install @antv/s2 --save - 2
DOMコンテナを用意し、データ設定を使ってPivotSheetをレンダリングします
収録されている特集
トピック
よくある質問
- S2 とは?
- ReactとVueのコンポーネントを備えた、多次元ピボットテーブルや分析グリッドを構築するためのTypeScript可視化ライブラリ。 S2は、多次元クロス分析向けのデータ駆動型テーブルライブラリです。データセットの行、列、指標を設定すると、任意のディメンションの組み合わせで切り替えられるピボットテーブルを描画します。
- S2 は無料で使えますか?ライセンスは?
- S2 は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- S2 は今もメンテナンスされていますか?
- 半年以内に更新あり。S2 の最終コミットは 2026年9月14日 です。
- S2 は何に使えますか?
- Webダッシュボードで金融や営業のレポート用ピボットテーブルを構築する。 ReactまたはVueの管理システムに、編集可能な多階層のクロス集計テーブルを追加する。 ドリルダウン操作が必要な大規模な分析テーブルを描画する。
- S2 のインストール方法は?
- npmでパッケージをインストールします: npm install @antv/s2 --save DOMコンテナを用意し、データ設定を使ってPivotSheetをレンダリングします
- S2 はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/antvis/S2
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
SQL・NoSQLデータソースからレポート、ピボットテーブル、チャート、定期配信を作成できる、ETL機能を備えたセルフホスト型の.NETレポート・BIツール。
React、Angular、Svelte、Vue、Solid、vanilla JavaScriptに対応した、チャート、マップ、ネットワークグラフを提供するモジュール型のTypeScriptデータ可視化フレームワーク。
Vue 2/3向けのPC用データテーブルコンポーネント。インライン編集、仮想スクロール、Excel風のコピー&ペースト、フィルタリング、ピボット形式のグループ化に対応。
ソート、フィルタリング、グループ化、ピボット、仮想化に対応した、依存関係ゼロのReactデータグリッド。ヘッドレスモードとスタイル適用済みモードを備えています。
アプリにスプレッドシート、ドキュメント、プレゼンテーションの編集機能を組み込めるオープンソースのTypeScript SDK。エージェント向けのヘッドレスなNode.jsサポートも備えています。