Algorithm visualizer, 2024

SortnPlay

Merge, Quick and Bubble sort running on the same input, side by side.

Role
Solo developer
Type
Algorithm visualizer, 2024
Status
Live
The SortnPlay sorting visualizer with its controls and bar chart.
SortnPlay / sortnplay.netlify.app / Captured 11 Sep 2026
Problem

Sorting complexity is taught as a table of Big-O values, which gives you the answer without ever showing the behaviour behind it.

What I built

No framework and no animation library, so every comparison and swap is a deliberate DOM write on a timed loop. Running all three over the same input makes the difference in their access patterns the thing you actually watch.

Result

Deployed and used as a teaching aid.

Stack

Vanilla JS