Bubble Sort Visualizer

Setup Array

Sort Controls

Array Visualization

How to Use

1. Setup: Enter numbers separated by commas or click "Random" to generate an array
2. Sort: Click "Start Sort" to begin the bubble sort process
3. Step Through: Click "Next Step" to see each step of the algorithm execution
4. Run Through: Click "Run Through" to automatically execute all steps in sequence
5. Observe: Watch the array elements change colors and algorithm steps highlight on the right
6. Reset: Click "Reset" to start over with a new sort

Colors: Yellow = Current element, Purple = Left element, Red = Upper boundary, Blue = Comparing, Green = Sorted