Skip to content

MayaTheDev/algo-playground

Repository files navigation

algo-playground

Watch algorithms move.

I built this because reading about algorithms wasn't enough. I needed to see them.

What it is

An interactive visualizer for the algorithms I've been learning. Pick one. Hit play. Watch it run.

Algorithms:

  • Binary Search
  • Bubble Sort
  • Merge Sort
  • Insertion Sort
  • Selection Sort

Each one I built because I learned it first. Then wanted to see it move.

Stack

React · TypeScript · Vite · Tailwind CSS · Canvas / SVG

Run it

pnpm install
pnpm dev

Controls

  • play — runs the algorithm step by step
  • pause — freeze it mid-run
  • step → — advance one step at a time
  • reset — start over
  • new input — randomize the data
  • speed — 0.5× to 4×

Why

On Day 17 I realized the things I'd learned were invisible. I could explain Big-O. I could reverse a linked list. But nobody could see any of it.

This is the attempt to make it visible.

Live

play.mayathedev.com


Part of Maya The Dev — a 90-day journey from CS grad to top tech engineer.

About

Interactive algorithm visualizer. Watch algorithms move.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors