Skip to main content

Algorithm laboratory

Watch every stepthe algorithm takes

18 topics, each with its own source beside it. Step forward, step back, and watch the data move.

Algorithm factory

Now. Awaiting start

Comparisons00
Swaps00
Pass0/6
Operationstandby

Array: 7, 2, 9, 4, 1, 8, 3. Awaiting start.

Factory ready. Seven blocks loaded, the sort has not started.

Pick the structure, then watch it work

Every topic opens with the data on one side and the source on the other. Choose a family to narrow the list.

Filter topics by family

The same four parts in every one

Only the algorithm changes between topics. Learn the layout once and all eighteen are the same page with different code in it.

Every visualizer on this page is these four panels and nothing else. There is no fifth view to hunt for, and no control that moves between one topic and the next.

Canvas
The structure itself, drawn live. Bars, nodes and edges all move as the step advances.
Source
The real implementation, not a paraphrase. The line about to execute is the only bright one.
Controls
Step forward, step back, autoplay, change the speed, feed it new input.
Complexity
Time and space recomputed at each step, rather than quoted once at the end.

If you are starting out, open these first

The index above is grouped by family, not by difficulty. This is the order that makes the rest easier to read.

  1. 01

    Sorting

    Comparisons, swaps and passes are impossible to hold in your head and obvious to watch.

    Start here
  2. 02

    Arrays

    Pointers, bounds and swaps. The vocabulary every later technique is written in.

  3. 03

    Two pointers

    The pattern most interview answers rest on. Worth seeing move before memorising it.

Then find out whether you can pick one unaided

The visualizer shows how an algorithm moves. The problem set is where you find out whether you would have reached for the same one.

  • Free forever
  • No card required
  • Proof on your profile