Skip to content

Latest commit

 

History

History
55 lines (37 loc) · 1.19 KB

README.md

File metadata and controls

55 lines (37 loc) · 1.19 KB

Path Finding Visualizer

An interactive web application for visualizing path-finding algorithms in action. This project helps users understand how different path-finding algorithms work through intuitive visualization and animation.

Features

  • Multiple path-finding algorithms including Dijkstra's algorithm
  • Interactive grid where users can:
    • Draw/erase walls by clicking and dragging
    • Move source and target points
    • Generate random mazes
  • Adjustable visualization settings:
    • Grid cell size (Small/Medium/Large)
    • Animation speed (Slow/Normal/Fast)
  • Responsive design that works on both desktop and mobile devices
  • Detailed algorithm explanations
  • Interactive tutorial for new users

Live Demo

Visit https://byc1999.com/path-finding-visualizer to try it out!

Development

Install Dependencies for Development

npm install

Build for Production

npm run build

Watch & Build on the Fly

npm run dev

Technologies Used

  • TypeScript
  • SCSS
  • HTML5 Canvas

License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

Bing-Yang Chen