Check out the live application at: vizalgo-visualizer.netlify.app
VizAlgo is an interactive algorithm visualization platform designed to help students, developers, and coding enthusiasts understand complex algorithms through visual representations. Our platform makes learning algorithms more intuitive and engaging by providing step-by-step visualizations of various algorithmic processes.
- Bubble Sort
- Merge Sort
- Quick Sort
- Heap Sort
- Selection Sort
- Insertion Sort
- Counting Sort
- Linear Search
- Binary Search
- Breadth First Search (BFS)
- Depth First Search (DFS)
- Dijkstra's Algorithm
- A* Pathfinding
- Tower of Hanoi
- Knapsack Problem
- KMP String Matching
- React.js
- Tailwind CSS
- React Router DOM
- React Icons
- Interactive visualizations
- Step-by-step execution
- Adjustable visualization speed
- Responsive design
- User-friendly interface
- Educational descriptions for each algorithm
-
Clone the repository
git clone https://github.com/yourusername/vizalgo.git
-
Install dependencies
cd vizalgo npm install -
Run the development server
npm run dev
-
Open http://localhost:5173 in your browser
- Select an algorithm from the available categories
- Use the controls to:
- Generate new data sets
- Adjust visualization speed
- Start/pause visualization
- Reset the visualization
- Read the algorithm description to understand the underlying concepts
- Watch the step-by-step visualization
We welcome contributions to VizAlgo! Please feel free to submit issues, fork the repository, and create pull requests for any improvements.
This project is licensed under the MIT License - see the LICENSE file for details.
- GitHub: @nothingADSR123
- Special thanks to all contributors and supporters
- Inspired by the need for better algorithm visualization tools in education
- Built with ❤️ for the coding community
⭐ If you find this project helpful, please consider giving it a star on GitHub!