- WebGPU का उपयोग करके बड़े datasets को स्मूद तरीके से render करने वाली open source chart library है
- TypeScript में लिखी गई है और line·area·bar·scatter·pie·candlestick जैसे कई series types को support करती है
- hover highlight, tooltip, crosshair, zoom gestures, theme presets जैसी interactive features built-in हैं
- React integration package (chartgpu-react) के जरिए React environment में भी आसानी से इस्तेमाल की जा सकती है
- WebGPU accelerated rendering के साथ 60 frames per second स्तर का performance देती है, इसलिए large-scale data visualization के लिए उपयुक्त tool है
अवलोकन
- ChartGPU एक WebGPU आधारित हाई-परफॉर्मेंस chart rendering library है, जो बड़े पैमाने के data को स्मूद तरीके से visualize कर सकती है
- यह TypeScript में विकसित की गई है और MIT license के तहत जारी की गई है
npm install chartgpu कमांड से install किया जा सकता है
मुख्य फीचर्स
- WebGPU accelerated rendering के जरिए बड़े datasets में भी high FPS बनाए रखती है
- कई chart types का support: line, area, bar, scatter, pie, candlestick
- interactive features built-in: hover highlight, tooltip, crosshair
- data streaming updates का support (
appendData(...))
- X-axis zoom फीचर उपलब्ध (gestures और slider UI सहित)
- theme presets (
dark / light) और custom themes का support
आर्किटेक्चर
ChartGPU.create(...) canvas और WebGPU lifecycle को manage करता है, जबकि rendering coordination की जिम्मेदारी Render Coordinator संभालता है- इसकी आंतरिक संरचना निम्न layers से बनी है
- WebGPU Core: GPU adapter और device initialization, canvas configuration
- Render Coordinator: layout, scale, data upload, render pass management
- GPU Renderers: Grid, Area, Bar, Scatter, Line, Pie, Candlestick आदि प्रत्येक chart के लिए renderer
- Shaders(WGSL) : प्रत्येक renderer के अनुरूप shader files से बना
- Chart Sync: कई charts के बीच crosshair synchronization फीचर प्रदान करता है
React integration
- React के लिए chartgpu-react package उपलब्ध है
- install:
npm install chartgpu-react
ब्राउज़र support
- WebGPU enabled browser आवश्यक है
- Chrome 113+, Edge 113+, Safari 18+ supported
- Firefox पर फिलहाल development जारी है
अभी कोई टिप्पणी नहीं है.