Nunusavi

Algorithms / Visualization

AlgoPaint Pathfinding Visualizer

I turned core pathfinding algorithms into an interactive browser experience.

Zero npm dependencies

dependencyModel

3 core pathfinding algorithms

algorithms

GitHub Pages

deployment

Overview

I built AlgoPaint to make algorithm behavior intuitive and visual. Instead of abstract code alone, I let users see search expansion, path reconstruction, and heuristic effects in motion. I deliberately kept the architecture dependency-free to showcase pure implementation skill.

The Process

01

Challenge

Algorithm concepts are often difficult to communicate quickly in interviews and demos.

02

Approach

I created an interactive grid system with visual playback, statistics, and support for DFS, BFS, and A* including diagonal movement and corner-cutting prevention.

03

Outcome

This project became a practical teaching and demonstration tool that makes data-structure knowledge tangible.

Key Highlights

  • 01Real-time DFS/BFS/A* visualization
  • 02Diagonal movement with Euclidean heuristic
  • 03No build tools or dependencies

Capabilities

Drag-and-draw wallsAdjustable speed and grid sizePath length and explored-node statsOn-screen tutorial