ShelfSearch the shelf

Back to the collection

Liveline screenshot

Resource profile

Liveline

What it is

A real-time animated chart component for React using one canvas.
It renders line charts, candlesticks, orderbook streams, and multiple overlapping series.
It interpolates incoming data smoothly at 60 frames per second.

Useful for

Visualizing live feeds from WebSockets, polling, or generated data.
Displaying momentum, current values, time horizons, reference values, and orderbook activity.
Showing prediction markets, financial data, health metrics, or changing operational values.

Notes to know

Requires React 18 and has no dependencies beyond React 18.
The component fills its parent container, so the wrapper needs an assigned height.
Input formats include data points, OHLC data, series arrays, and orderbook bid and ask tuples.

A considered shelf by Shahadat Shemul·@HiShahadat