Visual Algo Universe is an interactive platform to learn and master data structures and algorithms through visual learning and pattern-based problem solving.
Whether you're preparing for coding interviews or just trying to deeply understand how algorithms work, this tool brings DSA to life with real-time visualizations and hands-on walkthroughs.
- 📊 Algorithm Visualizer: Step-by-step visualization of how each algorithm runs.
- 🧠 Pattern-Based Learning: Learn through proven DSA patterns used in technical interviews.
- 💡 Interactive Code Execution: Watch code run in sync with the visuals.
- ⚙️ Clean UI/UX: Fast, focused, and responsive design.
- 🔧 Work in Progress: Some visualizations are still being refined — updates are on the way!
| Pattern | Description |
|---|---|
| 🔁 Two Pointers | Efficiently solve problems with sorted arrays or pairs |
| 🪟 Sliding Window | Handle subarrays/substrings with optimized time complexity |
| 🧮 Dynamic Programming | Optimize recursive problems by storing subproblem results |
| ➗ Divide & Conquer | Break down problems into sub-problems and conquer them recursively |
| 🧭 Graph Algorithms | Explore BFS, DFS, Dijkstra's and more |
| 💰 Greedy Algorithms | Make local optimal choices for a global solution |
- Framework: Next.js (React)
- Language: TypeScript
- Styling: Tailwind CSS
- Animations: Framer Motion
- Hosting: Vercel
# Clone the repo
git clone https://github.com/your-username/visual-algo-universe.git
# Navigate into the folder
cd visual-algo-universe
# Install dependencies
npm install
# Run the development server
npm run dev- Fix broken visualizations in some algorithms
- Add new patterns (Backtracking, Union-Find, etc.)
- Add code editor with live editing support
- Mobile UI polish
- Blog/tutorial integration
Made with 💙 by Muskan Dhingra
📫 dhingramuskan2001@gmail.com
🌐 Portfolio | 🐙 GitHub | 💼 LinkedIn
This project is open source and available under the MIT License.