HomeComputer ScienceDatabase Index Explorer

Database Index Explorer

Interactive 3D database index visualizer: watch how a full table scan reads rows one by one while a B-tree index jumps straight to the answer, and see the record count grow with table size — O(N) vs O(log N) made visible.

Computer Science3DModerate60 FPS
databases ↗ Open standalone

This simulator makes the cost of a database query physically visible. Rows sit in a grid representing their raw storage order; a B-tree index floats above as a small sorted tree of pointers. Run a query without an index and you'll watch the engine read row after row until it stumbles onto the target — a full table scan. Switch the index on and the same query instead descends a handful of tree levels and jumps straight to the answer. Grow the table and the gap between the two only widens: the scan's cost tracks N directly, while the index's cost tracks log₂(N).

⚙ Under the hood

Interactive 3D database index visualizer: watch how a full table scan reads rows one by one while a B-tree index jumps straight to the answer, and see the record count grow with table size — O(N) vs O(log N) made visible.

Three.jsdatabasesb-treeindexingalgorithmscomputer-science

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)