vertexa-chart
A GPU-accelerated charting library that uses WebGPU for trace rendering and D3 for interactive overlays — scatter, bar, area, heatmap, and histogram traces that handle millions of points with smooth zoom and pan.
Hybrid rendering: WebGPU + D3
vertexa-chart splits responsibilities cleanly: WebGPU draws the heavy traces (scatter/line/etc.), while D3 handles DOM/SVG overlays like axes, ticks, labels, and annotation layers. The result feels like a classic D3 chart — but scales to real-sized datasets.
WGSL shaders for scatter, line, hover highlight, and GPU picking pipelines. Ring-buffer GPU memory for efficient streaming appends.
Axes, ticks, grid, legend, tooltips, and annotations rendered as SVG — composited over the WebGPU plot layer.
CPU grid index for hover stability during pan, plus GPU color-coded picking for dense datasets. Box and lasso selection built in.
Quality, balanced, and max-fps presets with automatic LOD sampling above 50k visible points. Immediate or next-frame render modes for linked charts.
What you get out of the box
appendPoints() with sliding-window eviction for real-time dashboards and monitoring.
Hover modes (closest, x, y), keyboard navigation, zoom/pan, and configurable tooltips with custom formatters.
PNG, SVG, and CSV export with composited WebGPU plot and SVG overlay layers.
ARIA labels, keyboard shortcuts (arrows, +/-, 0 to reset, F to fit), and high-contrast theme support.