Compare sorting algorithms with live bars, speed control, and array presets.
Vanilla HTML, CSS, and JavaScript. No build step.
Live Demo · GitHub Pages · Quick Start · Structure · License
SortViz animates classic sorting algorithms so you can see comparisons and swaps as they happen. Pick an algorithm, shape the input array, adjust speed, and open short notes on complexity and behavior.
| Feature | Description |
|---|---|
| Algorithms | Bubble, insertion, selection, merge, shell, quick, heap |
| Array presets | Random, nearly sorted, reverse, few unique, custom |
| Controls | Size, speed, stop, expand visualizer |
| Education | Per-algorithm info panels |
| Theme | Dark/light friendly UI |
git clone https://github.com/cikeyz/sort-viz.git
cd sort-viz
python -m http.server 8000sort-viz/
├── index.html
├── script.js
├── styles.css
├── LICENSE
├── README.md
└── .gitignore
MIT. See LICENSE.
Built for CMPE 201 (Data Structures and Algorithms), Polytechnic University of the Philippines, under Engr. Julian L. Lorico Jr. Final project case study. Published here as a standalone project.