An interactive, browser-based playground designed to bring abstract algorithms to life. Whether you are a student preparing for interviews or a developer looking to sharpen your algorithmic intuition, this visualizer turns complex logic into observable patterns.
Algorithms can be notoriously difficult to grasp when they exist only as static code. This project bridges the gap by providing:
- Real-time Visualization: Watch algorithms step-by-step as they execute.
- Educational Control: Pause, speed up, or step through logic to truly understand how the data moves.
- Interactive Learning: Modify parameters to see how performance changes based on input size.
Built for speed and a smooth developer experience:
- Engine: Vite for lightning-fast build times.
- Language: Modern JavaScript (ES6+).
- Deployment-Ready: Optimized structure for quick deployment to Vercel, Netlify, or GitHub Pages.
Follow these steps to get the visualizer running locally on your machine.
- Node.js (v16 or higher recommended)
- npm or yarn
- Clone the repository:
git clone https://github.com/ws0x/algo-visualizer.git
cd algo-visualizer
- Install dependencies:
npm install
- Launch the development server:
npm run dev
- Open your browser to the URL displayed in your terminal (usually
http://localhost:5173).
Feedback and contributions are what make open-source projects thrive!
- Found a bug? Open an issue with a clear description.
- Want to add an algorithm? Fork the repo, create a new branch, and submit a pull request.
- UI/UX Improvement? We welcome any CSS/styling enhancements to make the visualization more intuitive.
This project is open-source and available under the MIT License.