Home▸AI & Machine Learning▸Comparing Hyperparameter Optimization Algorithms (2D)

Comparing Hyperparameter Optimization Algorithms (2D)

A top-down heatmap of a synthetic loss surface, searched live by grid search, random search, Bayesian-style optimization and a genetic algorithm under the same trial budget — the same real placement logic as the 3D version, read flat instead of orbited.

AI & Machine Learning2DEasy60 FPS📱 Mobile-adapted⇄ 3D version
2d-comparing-hyperparameter-optimization-algorithms-lab ↗ Open standalone

This 2D companion runs the exact same four search strategies as the 3D loss-landscape version, but reads them from directly above instead of orbiting a mesh: a heatmap (indigo = low loss, red = high loss) stands in for the 3D surface, trial points land on it as dots, the current best is a pulsing gold ring, and the most recent trial glows red — making it easier to trace exactly which region each algorithm is probing next. Grid search marches a fixed lattice, random search scatters uniformly, the Bayesian-style search narrows a shrinking radius around the best point found so far, and the genetic algorithm visibly clusters its population toward low-loss basins generation by generation. Reseeding the landscape or raising its ruggedness changes which strategy wins the race to a good minimum.

⚙ Under the hood

2D top-down heatmap of a synthetic hyperparameter loss surface, searched live by grid search, random search, Bayesian-style optimization and a genetic algorithm under the same trial budget.

hyperparameter tuninggrid searchrandom searchbayesian optimizationgenetic algorithmmachine learning

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)