webgpu-kline-core

A high-performance stock K-line and statistical BoxPlot (IQR) chart library, purely written in TypeScript and accelerated by WebGPU.

Features

• 🚀 Next-Gen Performance: Smoothly renders millions of data points at 60+ FPS using WebGPU Storage Buffers.
• 📊 Rich Graphics: Supports standard Candlesticks, Line charts, Moving Averages, and IQR (Q1, Q3) BoxPlots.
• 📦 Zero Dependencies: Pure vanilla TypeScript core. Framework wrappers (Vue3, React, Angular) coming soon.

Installation

npm install webgpu-kline-core

Quick Start

import { KLineChartRenderer } from 'webgpu-kline-core';

const canvas = document.getElementById('chart') as HTMLCanvasElement;
const renderer = new KLineChartRenderer(canvas);
await renderer.init();

// Fetch your data from [https://massive.com/docs/rest/stocks/overview](https://massive.com/docs/rest/stocks/overview)
const apiData = [/* ... */]; 

await renderer.setupPipeline(apiData);
renderer.render();