Canvas Algorithm Suite

Algorithm Visuals

Each demo lives in its own folder, uses a full-window canvas layout, and is designed to stay legible and cinematic without needing to scroll.

GRAPH SEARCH

Graph Traversal

Breadth-first search expands across a weighted spatial graph, revealing frontier rings and shortest-path structure in real time.

BFSFRONTIERSHORTEST PATH

PATHFINDING

A* Grid Search

A* navigates a traffic-weighted grid with blocked parcels. Click to toggle walls and watch the heuristic-guided search find optimal routes.

A*HEURISTICSGRID

SORTING

Sorting Symphony

Bubble sort ripples through a random array, comparing and swapping adjacent elements until order emerges from chaos.

BUBBLE SORTCOMPARISONSSWAPS

SWARM

Boid Flocking

150 autonomous agents flock using three simple rules — separation, alignment, and cohesion — producing emergent swarm behavior.

BOIDSFLOCKINGEMERGENCE

L-SYSTEMS

Fractal Tree

An L-System grows a fractal tree by recursively applying production rules. Each generation doubles the branching complexity.

L-SYSTEMRECURSIONBRANCHING

AUTOMATA

Game of Life

Conway's cellular automaton applies birth and survival rules each tick. Click cells to seed patterns and watch complexity emerge.

CELLULARCONWAYEMERGENCE

SIMULATION

Falling Sand

A particle simulation with gravity and fluid dynamics. Draw sand and water, then watch them interact through displacement and flow.

PARTICLESGRAVITYFLUID

CHAOS

Double Pendulum

A chaotic double pendulum where tiny differences in initial conditions produce wildly divergent trajectories over time.

PENDULUMCHAOSSENSITIVITY