An interactive web application for visualizing the RRT path planning algorithm with obstacle avoidance.
- Interactive canvas for setting start and goal positions
- Draw rectangular obstacles using right-click and drag
- Visualize the RRT exploration tree
- See the final path from start to goal
- Real-time path planning with obstacle avoidance
- Clone the repository:
git clone https://github.com/mihir-prakash/Robotic-Algorithm-Visualizer.git
cd Robotic-Algorithm-Visualizer- Install the required packages:
pip install -r requirements.txt- Run the Flask application:
python app.py-
Open your web browser and go to
http://localhost:5001 -
Using the interface:
- Right-click and drag to draw rectangular obstacles (gray)
- Left-click to set the start point (green)
- Left-click again to set the goal point (red)
- Click "Plan Path" to run the RRT algorithm
- Click "Clear" to reset the canvas
The application implements the RRT (Rapidly-exploring Random Tree) algorithm for path planning:
- Randomly samples points in the space
- Grows a tree from the start position
- Checks for collisions with obstacles
- Connects to the goal when possible
- Returns the path from start to goal
- Backend: Python, Flask
- Frontend: HTML5 Canvas, JavaScript
- Algorithm: RRT with collision detection