Algorithm Visualisations

Interactive, step-by-step traces for common data-structure and algorithm patterns. Each visualisation shows the example input and output alongside the changing queue, stack, heap, graph, grid, or array state.

Explore the live visualisations

Features

• Fifteen interactive traces across trees, graphs, and arrays
• Play, pause, previous, next, and restart controls
• Responsive, dark-themed layouts for desktop and mobile
• Standalone routes suitable for Notion embeds
• Reference implementations with local syntax highlighting
• Category filters, direct LeetCode links, and one-click Notion URL copying
• Privacy-friendly Vercel Analytics

Development

Requires Node.js 22.12 or newer.

npm ci
npm run dev

The local site is served by Vite. Use the following checks before submitting changes:

npm test
npm run typecheck
npm run build

Project structure

src/                    React catalogue and tests
public/embed/           Trace configurations, runner, and shared styles
public/<problem>/       Standalone route wrappers
docs/                   Project preview image
vercel.json             Routing and browser security headers

Licence

This project is available under the MIT Licence.