AlgorithmsSortingRuns in your browserReviewed October 1, 2026

Bubble Sort Visualizer

Repeatedly compare neighbouring values and swap them until the list is sorted. Interactive step-by-step animation with JavaScript code, complexity and front-end use cases.

Localprivate by defaultFastno sign-up path

SortingTime: O(n²)Space: O(1)

Numbers (2 to 30, comma separated)

Step 1 / 74

Start with 10 numbers. Bubble sort compares neighbours and swaps them when they are in the wrong order.

comparing
swapped / moved
pivot / minimum
sorted

JavaScript

1function bubbleSort(arr) {
2  for (let i = 0; i < arr.length - 1; i++) {
3    for (let j = 0; j < arr.length - 1 - i; j++) {
4      if (arr[j] > arr[j + 1]) {
5        [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]];
6      }
7    }
8  }
9  return arr;
10}

Tip: use the arrow keys to step and the space bar to play or pause.

Loading animation...

Bubble Sort Visualization and Animation

Repeatedly compare neighbouring values and swap them until the list is sorted. Compare the first two values and swap them if the left one is bigger. Move one step right and repeat until the end - the biggest value has bubbled to the last place. Repeat the pass for the remaining values until no swaps are needed. Time complexity: O(n²). Space complexity: O(1). Mostly for learning. It shows the idea of comparing and swapping that table sorting in the UI is built on.

How to use Bubble Sort Visualizer

Compare the first two values and swap them if the left one is bigger.
Move one step right and repeat until the end - the biggest value has bubbled to the last place.
Repeat the pass for the remaining values until no swaps are needed.
Press Play, or step through with the arrow buttons and change the input to see how it reacts.

Questions

What is Bubble Sort?

Repeatedly compare neighbouring values and swap them until the list is sorted.

What is the time complexity of Bubble Sort?

Time: O(n²). Space: O(1).

Where do front-end developers use Bubble Sort?

Mostly for learning. It shows the idea of comparing and swapping that table sorting in the UI is built on.

Does this upload my data?

No. This converter runs in your browser for ordinary use, so the input is not sent to a backend by this tool.

Related tools

Keep working without searching again.

Sorting