Repository navigation

Algorithm-JavaScript-Visualizer

Public

About

A JavaScript-based algorithm visualizer that can import custom trace JSON files or generate execution traces for interactive step-by-step visualization.

0 stars

0 watching

Report repository

Name		Name	Last commit message	Last commit date
public		public
src		src
.gitattributes		.gitattributes
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc.json		.prettierrc.json
LICENSE		LICENSE
README.md		README.md
eslint.config.js		eslint.config.js
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
tsconfig.json		tsconfig.json
vite.config.ts		vite.config.ts

Repository files navigation

Algorithm JavaScript Visualizer

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

Features

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

Supported Structures

Arrays · Matrices · Linked Lists · Trees · Graphs

Built With

React · TypeScript · D3.js · SVG · Monaco Editor · Web Workers · Comlink · Zod · Vite

Installation

git clone https://github.com/edmndx/Algorithm-JavaScript-Visualizer.git
cd Algorithm-JavaScript-Visualizer
npm install
npm run dev
npm run build

About

A JavaScript-based algorithm visualizer that can import custom trace JSON files or generate execution traces for interactive step-by-step visualization.

0 stars

0 watching

Report repository

Releases

Packages

Contributors

Languages