Data Structures
See how data is laid out before you write code for it. Beginner-friendly, interactive visualizers — no setup, no sign-up.
Live
1D Array Visualizer→
Read a slot in one step, shift values to insert or delete, search box by box and reverse with two pointers, with every read and write counted.
InsertDeleteLinear searchReverse
Live
2D Array Visualizer→
Paste any 2D array or matrix and see it as a grid. Color cells by value, show row and column indices, and learn how rows and columns map to memory.
MatrixGrid1D arrays too
Live
Grid Traversals→
Six ways to walk a grid, one step at a time: row-major, column-major, snake, diagonal, boundary and spiral, with live indices and a visit number on every cell.
SpiralSnakeDiagonal
Live
Matrix Operations→
Transpose, rotate, flip and multiply a matrix one cell at a time: the source and the result side by side, with live indices, counters and code in four languages.
TransposeRotate 90°Multiply