DEV Community

Cover image for Liveline: Real-Time Canvas Charts for React
jQueryScript
jQueryScript

Posted on

Liveline: Real-Time Canvas Charts for React

Liveline: a React chart library that renders real‑time data to canvas. No CSS imports, no DOM nodes per point. Handles line and candlestick modes with smooth interpolation at 60fps.

Key features:

  • Fritsch‑Carlson splines for clean curves
  • OHLC candles with live candle updates
  • Built‑in time window buttons (5m, 15m, 1h)
  • Order book depth overlay
  • Morph between candle and line views
  • Pause/resume for inactive tabs

Works with any real‑time source: WebSocket, polling, or generated data. Just feed points and a current value.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)