ログイン
100万点のデータポイントがあってもスムーズなパンズームが可能なオープンソースのWebGPUベースのチャートライブラリ「ChartGPU」
🤖 AI Summary
**ChartGPU とは**
- WebGPU を基盤にしたオープンソースのチャートライブラリ。
- 従来の CPU/Canvas2D や WebGL 系ライブラリはデータポイントが増えると処理が重くなり、10万件を超えると操作が遅くなるが、ChartGPU は GPU へ全計算を委譲することで高速化を実現。
**主な特徴**
- **高性能**：100 万点のデータでも 60 fps でスムーズにパン・ズームが可能。
- **GPU アクセラレーション**
- ダウンサンプリング（Largest Triangle Three Buckets）をコンピュートシェーダで実行。
- ツールチップやホバーのヒットテストも GPU で処理。
- 描画はインスタンス化されたレンダリングを使用。
- **対応チャート**：折れ線、面、棒、散布図、円グラフ、ローソク足（OHLC）など多種多様。
- **対応ブラウザ**：Chrome 113 以降、Edge 113 以降、Safari 18 以降（Firefox は未対応）。
- **デモ**：公式サイトに「Million Points」デモがあり、実際に 1 M ポイントでも滑らかに描画される様子を確認できる。
**開発背景**
- 開発者 huntergemmer 氏は「同じ壁に何度もぶつかってきた」ことが動機。従来のチャートライブラリは 10 万点を超えると処理が追いつかず、CPU に依存した計算がボトルネックになっていた。WebGPU にすべての計算を移行し、GPU の並列処理能力を活かすことでこの課題を解決した。
**入手方法**
- GitHub（https://github.com/ChartGPU/ChartGPU）でオープンソースとして公開。
- デモページ（https://chartgpu.github.io/ChartGPU/examples/million-points/）で実装例を確認可能。
**まとめ**
ChartGPU は、GPU の計算力をフル活用した WebGPU ベースのチャートライブラリで、百万点規模のデータでも 60 fps のインタラクティブな操作を実現できる点が大きな特徴です。従来の CPU 依存ライブラリが抱えるスケーラビリティ問題を克服し、モダンブラウザ上で高速かつ多様なグラフ表現を提供します。
- WebGPU を基盤にしたオープンソースのチャートライブラリ。
- 従来の CPU/Canvas2D や WebGL 系ライブラリはデータポイントが増えると処理が重くなり、10万件を超えると操作が遅くなるが、ChartGPU は GPU へ全計算を委譲することで高速化を実現。
**主な特徴**
- **高性能**：100 万点のデータでも 60 fps でスムーズにパン・ズームが可能。
- **GPU アクセラレーション**
- ダウンサンプリング（Largest Triangle Three Buckets）をコンピュートシェーダで実行。
- ツールチップやホバーのヒットテストも GPU で処理。
- 描画はインスタンス化されたレンダリングを使用。
- **対応チャート**：折れ線、面、棒、散布図、円グラフ、ローソク足（OHLC）など多種多様。
- **対応ブラウザ**：Chrome 113 以降、Edge 113 以降、Safari 18 以降（Firefox は未対応）。
- **デモ**：公式サイトに「Million Points」デモがあり、実際に 1 M ポイントでも滑らかに描画される様子を確認できる。
**開発背景**
- 開発者 huntergemmer 氏は「同じ壁に何度もぶつかってきた」ことが動機。従来のチャートライブラリは 10 万点を超えると処理が追いつかず、CPU に依存した計算がボトルネックになっていた。WebGPU にすべての計算を移行し、GPU の並列処理能力を活かすことでこの課題を解決した。
**入手方法**
- GitHub（https://github.com/ChartGPU/ChartGPU）でオープンソースとして公開。
- デモページ（https://chartgpu.github.io/ChartGPU/examples/million-points/）で実装例を確認可能。
**まとめ**
ChartGPU は、GPU の計算力をフル活用した WebGPU ベースのチャートライブラリで、百万点規模のデータでも 60 fps のインタラクティブな操作を実現できる点が大きな特徴です。従来の CPU 依存ライブラリが抱えるスケーラビリティ問題を克服し、モダンブラウザ上で高速かつ多様なグラフ表現を提供します。
