# Sortbars — plan

- [x] 1. Empty page: index.html with title, toolbar, canvas, links to style.css and sortbars.js
- [x] 2. style.css: dark layout for toolbar, controls, canvas, counters
- [x] 3. sortbars.js: bar model + random array generator + canvas render of bars
- [x] 4. Controls: algorithm picker, bar-count slider, speed slider, New Array button
- [x] 5. Step engine: run/pause/step-one-comparison with compared bars lit up
- [x] 6. Bubble sort + insertion sort as generator steps
- [x] 7. Merge sort + quicksort as generator steps
- [x] 8. Counters: comparisons and swaps, live; check-page clean