Algorithm Lab: Runs real algorithms on a Python engine and replays every step, so you can watch them think.

requestrunthe whole history, onceBrowserReact · Zustandpick algorithm + dataFastAPIserverless on VercelPython algorithmruns natively, oncetracer on every stepSnapshotscompare · swap · readone JSON timelinePlayerplays, rewinds, scrubsFramer Motion

How it's built

The algorithm never runs in the browser. Python runs it for real, records every step, and the browser plays the recording back.

Stack

React, TypeScript, Vite, Tailwind, Zustand, Framer Motion · Python, FastAPI, Vercel serverless

Hard parts

Replay, not simulation

Requests are stateless, so the server returns the whole run at once and the browser owns the pacing.

Fair races

The benchmark only pairs algorithms that solve the same problem, on identical data.

Code that follows along

Every recorded step carries its line of code, so the code panel highlights in sync.

Project
Algorithm Lab
Drawn by
Arunan K.
Year
2026
Scale
Not to scale
Sheet
03 / 08

03 / 08 · Personal · 2026

Runs real algorithms on a Python engine and replays every step, so you can watch them think.

Role
Solo project
Built with
React, TypeScript, FastAPI
Status
Open source

Visit site ↗Source code ↗

Walkthrough coming soon