Learn algorithms by watching them
AlgoViz
An interactive 3D playground for sorting, searching, graph and tree algorithms. Step through every comparison, swap and visit — or let them play — rendered live with WebGL.
43algorithms5families3DWebGL scenes
The Studio
Pick a family and start stepping
Every algorithm has its own page, its own URL and its own synced pseudocode. Play, scrub backwards, change the dataset, and watch the counters move.
Sorting Algorithms
13Watch comparison and distribution sorts order a field of glowing 3D bars, step by step.
Bubble SortInsertion SortSelection SortShell Sort+9 more
Open the studio →Searching Algorithms
6Hunt for a target value across a sorted field, with live search windows and probes.
Linear SearchBinary SearchJump SearchExponential Search+2 more
Open the studio →Graph Algorithms
11Traverse, connect and find shortest paths over a 3D node-link network as frontiers expand.
Breadth-First SearchDepth-First SearchDijkstra'sA* Search+7 more
Open the studio →Tree Algorithms
5Build, search and traverse a binary search tree laid out in space.
BST InsertionBST SearchIn-order TraversalPre-order Traversal+1 more
Open the studio →Data Structures
8See lists, heaps, hash tables, tries and balanced trees reshape themselves under each operation.
Linked ListStack vs QueueHash Table (Chaining)Hash Table (Open Addressing)+4 more
Open the studio →How it works
A studio built for understanding
Step through every operation
Play, pause, scrub, or single-step forward and back. Backward seeking replays a deterministic timeline from the start, so what you see is always exactly correct.
Real 3D, not charts
Every family renders as living WebGL geometry with bloom-lit highlights — orbit the camera, watch frontiers expand and pivots glow. Built on raw Three.js, wrapped in clean OOP.
Read the complexity
Each algorithm ships its best/average/worst time and space bounds, stability, and a plain-language explanation — alongside live counters for comparisons, swaps and visits.
Tune the input
Resize the dataset, grow the graph, regenerate a fresh tree, and change playback speed on the fly. Keyboard shortcuts (space, ← →) keep you in flow.
One engine, every family
Sorting, searching, graphs and trees all run on a single category-agnostic engine. The architecture is the lesson: steps are the only contract between logic and rendering.
Built to extend
Adding an algorithm is a new class and one line; adding a whole family is a model, a visualizer and a factory case. Open, modular, and ready for the community.