✳flâneur — a map of the web's best reading

Liveline

benji.org · 1,223 words · saved by 1 readers

Real-time animated line chart for React.

Liveline is a real-time animated line chart component for React. One <canvas> , no dependencies beyond React 18, smooth interpolation at 60fps. Degen mode (chart shake and particles) with momentum arrows. I built this because every charting library I tried was either too heavy for a simple live feed, or too rigid to feel alive. Liveline does one thing: draw a line that moves smoothly as new data arrives. Everything else is opt-in. Getting started npm install liveline The component fills its parent container. Set a height on the wrapper. import { Liveline } from 'liveline' function Chart ({ dat

Explore this link on the map →

saved by

related reading