Highly interactive evolution mini‑app

Charles Darwin

Click on markers, run evolution simulations, change the environment, and see how selection “reshapes” populations.

Evolution simulator
Interactive modals + images
Autosave
Certificate PNG

Voyage: interactive route

Click on the markers to open a modal window with a photo and a brief description.

Map canvas

educational visualization

This is a training visualization, not an exact travel track.

Micro‑timeline

Move the slider — it affects the position of the ship and the “intensity of the ocean.”

Voyage time
0
0 departure — 100 return
Accessibility
High contrast overlay

Helps with readability on some monitors.

Evolution Playground

Simulation: trait distribution → selection → survival → reproduction.

Distribution
Trait histogram
Gen 0 · Mean — · N —

Top — histogram. Bottom — average value (trend).

Selection controls

Mode
Directional
How fitness depends on the trait.
Target trait
70
Where selection pulls (or pushes away from).
Strength
55
Higher = harsher selection.
Mutation
12
Trait noise during reproduction.
Population
180
Smaller N = more drift.
Extra
Sonify the mean

Optional WebAudio tone that shifts with mean trait.

Interpretation
What should be observed?

The distribution moves when selection + heritable variation combine.

Selection Lab

Fast what‑if tool: adjust pressures and see which traits become advantaged.

Environment
Current environment
Gen 1

Mixed food, variable rainfall, moderate competition, moderate predators.

Food hardness
50
0 soft fruit — 100 hard seeds
Drought
50
0 wet season — 100 extreme drought
Competition
50
Higher reduces resources per bird
Predators
50
Higher punishes slow/conspicuous traits
Lab tips
Click any species

Each card opens a modal with an image and an action suggestion.

Candidate traits
Who thrives?
Evolution minichart
Beak distribution lab
Mean —

Survival Game

Spawn a population, apply pressure, reproduce survivors with mutation.

Population 0 · Survivors 0 · Round 0
Trainer
Show “why” panel

Click creatures to inspect traits and confirm the pressure effect.

Quiz & Certificate

Short quiz for retention + PNG certificate generator.

Question 1/6
Score 0

Tip: answers lock after selection.

Certificate generator

Enter a name and download a PNG certificate (includes quiz score).

Date:

Data
Autosave progress

Saves lab + evolution + quiz (best‑effort).