Interactive Optimization

Many modern DR algorithms (t-SNE, UMAP, TriMap, Sammon, SMACOF, SQDMDS) are iterative. DruidJS provides generator support, allowing you to observe the optimization process as it happens. Watch how clusters form and separate over time.

Optimization Settings

DatasetIrisSwiss RollMoonsBlobsS-Shape

Algorithmt-SNEUMAPTriMapSammonSMACOFSQDMDS

Iterations: 200

Perplexity: 30

Iteration 0 / 200

✨

Select your parameters and click Start Animation to watch the structural manifold unfold dynamically.

How-to (Code)

To animate the optimization process, use the generator() method instead of transform(). This returns an iterator that yields intermediate projections.

import * as druid from "@saehrimnir/druidjs";

const data = [
  /* ... data ... */
];
const tsne = new druid.TSNE(data);

// Use generator for many iterations
const iterations = 500;
for (const projection of tsne.generator(iterations)) {
  // Update your UI/Plot with the current 'projection'
  updatePlot(projection);
}