Function streamFrame

examples/worker-rendering/main.ts:634–659

()

  let nextX = state.totalPointsGenerated;

  const streamFrame = (): void => {
    if (!state.streaming || !state.chart || frameCount >= streamDuration) {
      stopStreaming();
      showStatus('Streaming complete', 'success');
      return;
    }

    frameCount++;

    // Generate batch
    const batch = generateChunk(nextX, streamRate, dataType);
    nextX += streamRate;

    // Append to chart
    state.chart.appendData(0, batch);

    state.totalPointsGenerated += streamRate;
    
    // Update live point count display (throttled)
    updateTotalPointsDisplay(state.totalPointsGenerated);
    
    showStatus(
      `Streaming... ${frameCount}/${streamDuration} frames (${formatNumber(state.totalPointsGenerated)} points total)`,
      'warning'
    );
  };

  // Start streaming at ~60fps
  state.streamingIntervalId = window.setInterval(streamFrame, 16);