Sorting Algorithm Visualizer is an interactive web application that helps users understand various sorting algorithms through visual representation of the sorting process.
- Interactive visualization of 7 popular sorting algorithms:
- Bubble Sort
- Quick Sort
- Merge Sort
- Insertion Sort
- Selection Sort
- Heap Sort
- Shell Sort
- Clean, modern Vue.js-based interface
- Real-time step-by-step visualization
- Dynamic input support for custom number sequences
- Algorithm selection dropdown with descriptions
- Responsive design for various screen sizes
-
Frontend:
- Vue.js 3 with Composition API
- Modular component architecture
- Centralized state management
- RESTful API integration
-
Backend:
- Flask-based REST API
- Modular algorithm implementation
- Step-by-step tracking system
- Error handling and input validation
# Clone the repository
git clone https://github.com/yourusername/sorting-algorithm-visualizer.git
# Frontend setup
cd sorting-algorithm-visualizer/frontend
npm install
npm run dev
# Backend setup
cd ../backend
python -m venv venv
source venv/bin/activate # For Mac/Linux
pip install -r requirements.txt
python app.py
- Node.js 14.0 or higher
- Python 3.8 or higher
- Modern web browser (Chrome, Firefox, Safari)
- 2GB RAM minimum
- 100MB free disk space
- Large datasets (>1000 elements) may cause performance issues
- Mobile view needs optimization for smaller screens
- Additional sorting algorithms
- Animation speed control
- Dark mode support
- Algorithm complexity information
- Performance metrics display
- Export functionality for sorting steps
- Development Team
- Open Source Contributors
MIT License - See LICENSE file for details
For issues and feature requests, please use the GitHub issue tracker.
Release Date: February 18, 2025