Element: #204 Real-time stream (charts/line) What it shows: A live line chart that shifts in a new Live revenue point every 800 ms over a 20-point window. When to use: Real-time monitoring such as live revenue, traffic or latency streams. Spec: - `let streamData = $state` starts with 20 values from `68000` to `115000` - `setInterval` in `onMount` runs every `800` ms and sets `streamData = [...streamData.slice(1), next]` - `next` is clamped with `Math.min(125000, Math.max(42000,` - `series={[{ name: 'Live revenue', data: streamData }]}` - `categories={streamData.map((_, i) => String(i))}` - `valueFormatter={fmt}` and `height="300px"` Tags: line-chart, streaming, live, realtime, onmount, interval Needs: @codeatlasdev/ui@4.4.0 + echarts Components: Card, LineChart Live demo: https://ui.codeatlas.com.br/docs/charts/line#real-time-stream String(i))} valueFormatter={fmt} height="300px" />