A local-first web application for visualizing algorithms and data-structure problems commonly encountered on LeetCode and similar coding platforms.
Supported JavaScript code is instrumented into execution traces and replayed step by step as interactive D3.js and SVG visualizations.
Demo.mp4
- Step-by-step algorithm visualization
- Monaco JavaScript editor
- Automatic source instrumentation
- Play, pause, step, seek, reset, and speed controls
- Active source-line highlighting
- Trace import and export
- Zoom and pan
- Web Worker execution
Arrays · Matrices · Linked Lists · Trees · Graphs
React · TypeScript · D3.js · SVG · Monaco Editor · Web Workers · Comlink · Zod · Vite
git clone https://github.com/edmndx/Algorithm-JavaScript-Visualizer.git
cd Algorithm-JavaScript-Visualizer
npm install
npm run dev
npm run build