Scatter Series
The Scatter Series is a type of plot where data points are plotted individually. A minimal example that records a 2D uniform distribution is provided below:
import { Component, type Entity, Analysis, ScatterSeries, Random } from "prototwin";
export class Graph extends Component {
#scatterSeries: ScatterSeries;
constructor(entity: Entity) {
super(entity);
this.#scatterSeries = new ScatterSeries("Scatter"); // Create the series.
}
public override initialize() {
// Create the plot and add the series to it.
const scatterPlot = Analysis.plots.add("uniform", "2D Uniform Distribution");
scatterPlot!.add(this.#scatterSeries);
}
public override update(dt: number) {
// Add a data point to the series every timestep.
const x = Random.global.nextNumber();
const y = Random.global.nextNumber();
this.#scatterSeries.add(x, y);
}
}