viz.renderers.StreamingLineChart
class StreamingLineChartnew StreamingLineChart(options: {
/** Maximum number of points to keep per series (default: 10000) */
maxPoints?: number;
/** Series names for legend */
seriesNames?: string[];
/** Series colors */
seriesColors?: SeriesColor[];
/** Sliding window size (null = show all points) */
windowSize?: number | null;
} = {})
- readonly
length(number) - – Get the current number of points in the longest series.
Streaming line chart for real-time training visualization.
Efficiently appends new data points without recreating buffers.
Examples
const chart = new StreamingLineChart({
maxPoints: 1000,
seriesNames: ['Train Loss', 'Val Loss'],
});
// During training loop
chart.append([trainLoss, valLoss]);
chart.renderToCanvas(canvas);