← All projects
Simulation

EvoSim

A 2D evolution simulation running entirely in the browser, visualizing the principles of natural selection, genetics, and adaptation in real time on an HTML5 Canvas.

Interactive SandboxData VisualizationJavaScript
EvoSim

This project is a 2D evolution simulation running entirely in the browser, visualizing the principles of natural selection, genetics, and adaptation in real time on an HTML5 Canvas.

Each creature possesses an individual genetic makeup consisting of three genes (speed, vision range, size), with the coloration reflecting the genotype and a dynamic energy system determining the selection pressure.

Reproduction occurs through active mate seeking with gene crossover and a configurable mutation rate, enabling the emergence of entirely new traits.

An interactive sidebar allows adjusting starting parameters and triggering live events such as droughts, plagues, mutation waves, or predators to purposefully stress-test the ecosystem.

An integrated live graph records genetic trends across generations, while an event log and interactive hover tooltips grant deeper insights into the population data.

Technically, the application shines as a pure vanilla JavaScript solution, performantly implementing complex autonomous agent control and data visualization without external libraries.

← Back home