DEV Community

Cover image for WebGL Chart: GPU-Backed Canvas Charting for JavaScript
jQueryScript
jQueryScript

Posted on

WebGL Chart: GPU-Backed Canvas Charting for JavaScript

WebGL Chart: a JavaScript WebGL charting library that renders GPU-accelerated charts on an HTML canvas.

Key features:

  • Line, bar, area, bubble, range, and candlestick chart types
  • Real-time rolling charts with ring buffers
  • Mouse wheel zoom and drag-to-pan
  • Multi-axis support with right-side axis placement
  • Hover tooltips with snap-to-nearest-point markers
  • Annotations: vertical/horizontal lines, bands, boxes, and labels
  • Vanilla JS via CDN, plus Vue 3 and React wrappers

MIT license. No configuration object required. You control the buffers, scales, and render loop directly.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)