viz.renderers.TrainingDashboard

class TrainingDashboard

new TrainingDashboard(options: { maxPoints?: number } = {})

Multi-chart dashboard for visualizing training progress.

Examples

const dashboard = new TrainingDashboard();
const canvas = document.getElementById('dashboard') as HTMLCanvasElement;

// During training loop
for (let epoch = 0; epoch < numEpochs; epoch++) {
  const loss = trainEpoch(model, data);
  const valLoss = evaluateEpoch(model, valData);

  dashboard.log({
    step: epoch,
    loss,
    valLoss,
    learningRate: optimizer.learningRate,
  });

  dashboard.render(canvas);
}