New module

See how every algorithm actually works

83 interactive visualizers covering every core data structure and algorithm - from what an array is in memory to Manacher, segment trees and A*. Step through them one operation at a time, in either direction, with the code lighting up beside you.

Visualizers
83
Categories
12
Editable inputs
Every one
Cost
Free

Built to explain, not just to animate

An animation shows you what changed. Everything below exists to show you why.

Step backwards, not just forwards

Every algorithm compiles to an immutable list of frames, so rewinding is exact and free. Miss the moment a pivot settles? Scrub back to it. Most visualizers can only play forwards.

Code that lights up as it runs

The executing line is highlighted in step with the animation, so you see which line does the partitioning rather than just that partitioning happened. Real Python, JavaScript, Java and C++ sit alongside.

Your input, not a canned demo

Type your own array, drag graph nodes and connect them by tapping, paint a maze, change edge weights. The worst case is a button away - and so is your own failing test case.

Live cost, in context

Comparisons, swaps, reads, writes and recursion depth are counted as you watch, then shown against n, n log n and n² for your exact input. The numbers make the notation concrete.

One player for everything

The same transport, keyboard shortcuts and speed control drive all 83 visualizers. Learn the controls once; the effort goes into the algorithm instead of the interface.

Genuinely works on a phone

Not a shrunken desktop layout. The controls pin to the bottom of the viewport, editors take touch input, and every diagram is resolution-independent SVG.

Popular starting points

All visualizers

Foundations

What the machine actually does6 visualizers

Before any algorithm makes sense: how an array sits in memory, what a recursive call costs, and what the gap between n log n and n² feels like at scale rather than on paper.

Sorting

Ten ways to put things in order10 visualizers

The classic showcase, and the fairest comparison in the module: every sort drives the same bar chart and counts comparisons and swaps identically, so the differences between them are the only thing left to see.

Searching

Finding things without looking at everything7 visualizers

Linear, binary and the family of variants built on it - including binary search on the answer, which is the technique interviewers actually test.

Linear structures

Lists, stacks, queues and deques11 visualizers

Pointer-based structures where the arrows are drawn explicitly, because the arrows are the point. Includes the two that turn up constantly in interviews: the monotonic stack and the LRU cache.

Hashing

Collisions, probing and load factor3 visualizers

What happens when two keys land in the same bucket, what happens when you refuse to allocate for that, and what happens when the table fills up.

Patterns and techniques

Turning O(n²) into O(n)7 visualizers

Two pointers, sliding windows, prefix sums, Kadane. Half a dozen loop shapes that between them solve a large fraction of every array question ever asked.

Trees

From traversals to segment trees7 visualizers

Balance is the theme: build a BST from sorted keys and watch it collapse into a linked list, then feed the same keys to an AVL tree and watch the rotations refuse to let that happen.

Graphs

Traversal, shortest paths and spanning trees11 visualizers

Every graph here is editable - drag nodes, tap two of them to connect, tap a weight to change it. The interesting questions in this category are all 'what if', so the input has to be yours.

String algorithms

Pattern matching that does not backtrack5 visualizers

Watch the naive matcher throw away a four-character partial match, then watch KMP refuse to. All five matchers share one visual, so the difference between them is impossible to miss.

Backtracking

Choose, explore, undo5 visualizers

One three-line skeleton, five very different problems. The N-Queens visualizer lets you switch pruning off and watch the node count explode, which is the entire lesson.

Greedy algorithms

When taking the best option works - and when it does not4 visualizers

Greedy is easy to write and hard to justify. Each visualizer shows the greedy choice next to the near-miss that makes the proof necessary, including two cases where greedy is simply wrong.

Dynamic programming

Seeing the table7 visualizers

The hard part of DP is never the code - it is seeing the table. Every cell draws an arrow to the cells it reads, and the traceback walks those arrows back to recover the actual answer.

Preparing for interviews rather than studying the mechanics? The system design, Python full-stack and AI/ML engineering modules cover the question-and-answer side.