VisuAlgo is an interactive web-based platform built to visualize core Data Structures and Algorithms (DSA) in a simple and intuitive way. It helps learners and developers understand how algorithms work step by step through animations, color highlighting, and console logs.
- 🎞️ Algorithm Visualizations — Watch algorithms evolve in real-time
- 🧩 Sorting Algorithms: Bubble Sort, Insertion Sort (more coming soon)
- 🌐 Graph Algorithms: BFS, DFS, and Pathfinding
- 🎛️ Interactive Controls: Play, Pause, Resume, Reset, and Speed Control
- 🌙 Dark Mode: Eye-friendly dark theme for long sessions
- 🧾 Console Logs: Step-by-step operation tracking
- 🪶 Lightweight: Built with HTML, CSS, and JavaScript (no frameworks)
VisuAlgo/ ├── index.html ├── homepage.html ├── style.css ├── graph.css ├── bubblesort.css ├── insertion-sort.html ├── dfsgraph.html ├── visualgo-bfs-enhanced.html ├── assets/ ├── vercel.json └── LICENSE
git clone https://github.com/OmKadam989/VisuAlgo.git
cd VisuAlgo
Then open index.html in your browser.
Using a Local Server (Optional)
python3 -m http.server 8000
Then open http://localhost:8000
in your browser.
💡 Algorithms Implemented
Category Algorithms
Sorting Bubble Sort, Insertion Sort
Graph Traversal BFS, DFS
Pathfinding Dijkstra’s Algorithm (Coming Soon)
🧰 Tech Stack
Frontend: HTML5, CSS3, JavaScript
Animations: CSS transitions, JS DOM manipulation
Deployment: Vercel
🤝 Contributing
Contributions are welcome!
Fork the repository
Create a new branch
git checkout -b feature-new-algo
Make your changes and commit
Push your branch and open a Pull Request
📸 Preview
📄 License
Licensed under the MIT License.
See the LICENSE
file for more information.
👨💻 Author
Om Kadam
🚀 Developer | DSA Enthusiast | Aspiring Software Engineer
🔗 GitHub
📧 omkadam84129@gmail.com
“Visualize. Understand. Conquer Algorithms.” — VisuAlgo
---
Would you like me to add **GitHub badges** (like “Built with HTML/CSS/JS”, “MIT License”, “Open