ProgramGuru

DSA Visualizations /

Overview of TechniquesOverview of Techniques14
❯

  1. 1Overview of DSA Problem Solving Techniques
  2. 2Brute Force Technique in DSA
  3. 3Greedy Algorithm Technique in DSA
  4. 4Divide and Conquer Technique in DSA
  5. 5Dynamic Programming Technique in DSA
  6. 6Backtracking Technique in DSA
  7. 7Recursion Technique in DSA
  8. 8Sliding Window Technique in DSA
  9. 9Two Pointers Technique
  10. 10Binary Search Technique
  11. 11Tree / Graph Traversal Technique in DSA
  12. 12Bit Manipulation Technique in DSA
  13. 13Hashing Technique
  14. 14Heaps Technique in DSA

SortingSorting10
❯

  1. 1Bubble Sort
  2. 2Selection Sort
  3. 3Insertion Sort
  4. 4Merge Sort
  5. 5Quick Sort
  6. 6Heap Sort
  7. 7Radix Sort
  8. 8Counting Sort
  9. 9Bucket Sort
  10. 10Shell Sort

ArraysArrays32
❯

  1. 1Find Maximum and Minimum in Array using Loop
  2. 2Find Second Largest in Array
  3. 3Find Second Smallest in Array
  4. 4Reverse Array using Two Pointers
  5. 5Check if Array is Sorted
  6. 6Remove Duplicates from Sorted Array
  7. 7Left Rotate an Array by One Place
  8. 8Left Rotate an Array by K Places
  9. 9Move Zeroes in Array to End
  10. 10Linear Search in Array
  11. 11Union of Two Arrays
  12. 12Find Missing Number in Array
  13. 13Max Consecutive Ones in Array
  14. 14Find Kth Smallest Element
  15. 15Longest Subarray with Given Sum (Positives)
  16. 16Longest Subarray with Given Sum (Positives and Negatives)
  17. 17Find Majority Element in Array (more than n/2 times)
  18. 18Find Majority Element in Array (more than n/3 times)
  19. 19Maximum Subarray Sum using Kadane's Algorithm
  20. 20Print Subarray with Maximum Sum
  21. 21Stock Buy and Sell
  22. 22Rearrange Array Alternating Positive and Negative Elements
  23. 23Next Permutation of Array
  24. 24Leaders in an Array
  25. 25Longest Consecutive Sequence in Array
  26. 26Count Subarrays with Given Sum
  27. 27Sort an Array of 0s, 1s, and 2s
  28. 28Two Sum Problem
  29. 29Three Sum Problem
  30. 304 Sum Problem
  31. 31Find Length of Largest Subarray with 0 Sum
  32. 32Find Maximum Product Subarray

Arrays - Binary SearchArrays - Binary Search28
❯

  1. 1Binary Search in Array using Iteration
  2. 2Find Lower Bound in Sorted Array
  3. 3Find Upper Bound in Sorted Array
  4. 4Search Insert Position in Sorted Array (Lower Bound Approach)
  5. 5Floor and Ceil in Sorted Array
  6. 6First Occurrence in a Sorted Array
  7. 7Last Occurrence in a Sorted Array
  8. 8Count Occurrences in Sorted Array
  9. 9Search Element in a Rotated Sorted Array
  10. 10Search in Rotated Sorted Array with Duplicates
  11. 11Minimum in Rotated Sorted Array
  12. 12Find Rotation Count in Sorted Array
  13. 13Search Single Element in Sorted Array
  14. 14Find Peak Element in Array
  15. 15Square Root using Binary Search
  16. 16Nth Root of a Number using Binary Search
  17. 17Koko Eating Bananas
  18. 18Minimum Days to Make M Bouquets
  19. 19Find the Smallest Divisor Given a Threshold
  20. 20Capacity to Ship Packages within D Days
  21. 21Kth Missing Positive Number
  22. 22Aggressive Cows Problem
  23. 23Allocate Minimum Number of Pages
  24. 24Split Array - Minimize Largest Sum
  25. 25Painter's Partition Problem
  26. 26Minimize Maximum Distance Between Gas Stations
  27. 27Median of Two Sorted Arrays of Different Sizes
  28. 28K-th Element of Two Sorted Arrays

StringsStrings18
❯

  1. 1Reverse Words in a String
  2. 2Find the Largest Odd Number in a Numeric String
  3. 3Find Longest Common Prefix in Array of Strings
  4. 4Check If Two Strings Are Isomorphic - Optimal HashMap Solution
  5. 5Check String Rotation using Concatenation - Optimal Approach
  6. 6Check if Two Strings Are Anagrams - Optimal Approach
  7. 7Sort Characters by Frequency - Optimal HashMap and Heap Approach
  8. 8Find Longest Palindromic Substring - Dynamic Programming Approach
  9. 9Find Longest Palindromic Substring Without Dynamic Programming
  10. 10Remove Outermost Parentheses in String
  11. 11Find Maximum Nesting Depth of Parentheses - Optimal Stack-Free Solution
  12. 12Convert Roman Numerals to Integer - Efficient Approach
  13. 13Convert Integer to Roman Numeral - Step-by-Step for Beginners
  14. 14Implement Atoi - Convert String to Integer in Java
  15. 15Count Number of Substrings in a String - Explanation with Formula
  16. 16Edit Distance Problem
  17. 17Calculate Sum of Beauty of All Substrings - Optimal Approach
  18. 18Reverse Each Word in a String - Optimal Approach

MatrixMatrix3
❯

  1. 1Set Matrix Zeroes
  2. 2Rotate Matrix by 90 Degrees Clockwise
  3. 3Print Matrix in Spiral Manner

Matrix - Binary SearchMatrix - Binary Search5
❯

  1. 1Row with Maximum Number of 1's
  2. 2Search in a Sorted 2D Matrix
  3. 3Search in Row and Column-wise Sorted Matrix
  4. 4Find Target in 2D Matrix
  5. 5Matrix Median

Binary TreesBinary Trees36
❯

  1. 1Preorder Traversal of a Binary Tree using Recursion
  2. 2Preorder Traversal of a Binary Tree using Iteration
  3. 3Postorder Traversal of a Binary Tree Using Recursion
  4. 4Postorder Traversal of a Binary Tree using Iteration
  5. 5Level Order Traversal of a Binary Tree using Recursion
  6. 6Level Order Traversal of a Binary Tree using Iteration
  7. 7Reverse Level Order Traversal of a Binary Tree using Iteration
  8. 8Reverse Level Order Traversal of a Binary Tree using Recursion
  9. 9Find Height of a Binary Tree
  10. 10Find Diameter of a Binary Tree
  11. 11Find Mirror of a Binary Tree - Todo
  12. 12Inorder Traversal of a Binary Tree using Recursion
  13. 13Inorder Traversal of a Binary Tree using Iteration
  14. 14Left View of a Binary Tree
  15. 15Right View of a Binary Tree
  16. 16Top View of a Binary Tree
  17. 17Bottom View of a Binary Tree
  18. 18Zigzag Traversal of a Binary Tree
  19. 19Check if a Binary Tree is Balanced
  20. 20Diagonal Traversal of a Binary Tree
  21. 21Boundary Traversal of a Binary Tree
  22. 22Construct a Binary Tree from a String with Bracket Representation
  23. 23Convert a Binary Tree into a Doubly Linked List
  24. 24Convert a Binary Tree into a Sum Tree
  25. 25Find Minimum Swaps Required to Convert a Binary Tree into a BST
  26. 26Check if a Binary Tree is a Sum Tree
  27. 27Check if All Leaf Nodes are at the Same Level in a Binary Tree
  28. 28Lowest Common Ancestor (LCA) in a Binary Tree
  29. 29Solve the Tree Isomorphism Problem
  30. 30Check if a Binary Tree Contains Duplicate Subtrees of Size 2 or More
  31. 31Check if Two Binary Trees are Mirror Images
  32. 32Calculate the Sum of Nodes on the Longest Path from Root to Leaf in a Binary Tree
  33. 33Print All Paths in a Binary Tree with a Given Sum
  34. 34Find the Distance Between Two Nodes in a Binary Tree
  35. 35Find the kth Ancestor of a Node in a Binary Tree
  36. 36Find All Duplicate Subtrees in a Binary Tree

Binary Search TreesBinary Search Trees14
❯

  1. 1Find a Value in a Binary Search Tree
  2. 2Delete a Node in a Binary Search Tree
  3. 3Find the Minimum Value in a Binary Search Tree
  4. 4Find the Maximum Value in a Binary Search Tree
  5. 5Find the Inorder Successor in a Binary Search Tree
  6. 6Find the Inorder Predecessor in a Binary Search Tree
  7. 7Check if a Binary Tree is a Binary Search Tree
  8. 8Find the Lowest Common Ancestor of Two Nodes in a Binary Search Tree
  9. 9Convert a Binary Tree into a Binary Search Tree
  10. 10Balance a Binary Search Tree
  11. 11Merge Two Binary Search Trees
  12. 12Find the kth Largest Element in a Binary Search Tree
  13. 13Find the kth Smallest Element in a Binary Search Tree
  14. 14Flatten a Binary Search Tree into a Sorted List

Bubble Sort - Algorithm, Visualization, Examples

Topic Contents

ProblemExamplesSolutionVisualizationAlgorithmCodeDetailed Example

Problem Statement

Given an array of integers, your task is to sort the array in ascending order using the Bubble Sort algorithm.

Bubble Sort works by repeatedly stepping through the list, comparing adjacent elements, and swapping them if they are in the wrong order. The largest unsorted element 'bubbles up' to its correct position after each pass.

Your goal is to return the sorted array after all necessary passes are completed.

Examples❯

Input ArraySorted OutputDescription
[5, 1, 4, 2, 8][1, 2, 4, 5, 8]Multiple elements in random order; standard case
[3, 2, 1][1, 2, 3]Completely reverse sorted; maximum swaps needed
[1, 2, 3][1, 2, 3]Already sorted; best case (0 swaps)
[7][7]Single-element array is always sorted
[][]Empty array; nothing to sort
[4, 2, 2, 8, 4][2, 2, 4, 4, 8]Array with duplicate values
[5, -1, 0, -3][-3, -1, 0, 5]Array with negative numbers

Solution❯

Bubble Sort is one of the simplest sorting algorithms to understand and implement. It works by repeatedly swapping adjacent elements that are in the wrong order, causing larger values to 'bubble up' to the end of the array after each pass.

Understanding the Behavior with Different Cases

Let’s walk through how Bubble Sort behaves in different scenarios so you can understand what to expect:

  • Normal case: For an array like [5, 1, 4, 2, 8], Bubble Sort will make several passes, each time pushing the largest remaining unsorted element to its correct position. After the first pass, the largest value (8) moves to the end. The next pass focuses only on the unsorted portion [5, 1, 4, 2], and so on until the array is fully sorted.
  • Reverse sorted case: For an input like [3, 2, 1], the algorithm performs the maximum number of swaps. Each element has to move all the way to its correct position, making this the worst-case scenario for Bubble Sort in terms of efficiency.
  • Already sorted case: If the array is already in order, like [1, 2, 3], Bubble Sort can detect this and finish early without doing any swaps—especially when optimized. This is its best-case scenario and shows the value of checking if any swaps occurred during a pass.
  • Duplicates and repeated values: Bubble Sort handles duplicates naturally. For example, [4, 2, 2, 8, 4] gets sorted to [2, 2, 4, 4, 8] just like any other array. Duplicate values are compared and only moved when necessary.
  • Negative numbers: The algorithm works the same with negative numbers. For example, [5, -1, 0, -3] becomes [-3, -1, 0, 5] after sorting.
  • Single-element array: An array like [7] is already sorted. No swaps or comparisons are needed, so the algorithm exits immediately.
  • Empty array: If the input is an empty array [], there's nothing to sort, and the output is also []. Bubble Sort simply doesn’t enter the loop.

Visualization

Algorithm Steps

  1. Start from the first element in the array.
  2. Compare the current element with the next element.
  3. If the current element is greater than the next element, swap them.
  4. Move to the next element and repeat steps 2 and 3 for the entire array.
  5. After one complete pass, the largest element will be at the end.
  6. Repeat the process for the remaining unsorted elements (excluding the last sorted ones).
  7. Continue until the array is completely sorted.

Code

Python
Java
JavaScript
C
C++
C#
Kotlin
Swift
Go
Php
def bubble_sort(arr):
    n = len(arr)
    # Traverse through all array elements
    for i in range(n):
        # Last i elements are already in place
        for j in range(0, n - i - 1):
            # Swap if the element found is greater than the next element
            if arr[j] > arr[j + 1]:
                arr[j], arr[j + 1] = arr[j + 1], arr[j]
if __name__ == '__main__':
    arr = [6, 3, 8, 2, 7, 4]
    bubble_sort(arr)
    print("Sorted array is:", arr)

Detailed Step by Step Example

Let us take the followign array, and apply Bubble Sort algorithm to sort the array.

{ "array": [6,3,8,2,7,4], "showIndices": false, "specialIndices": [] }

Pass 1

➜ Comparing 6 and 3

{ "array": [6,3,8,2,7,4], "showIndices": false, "highlightIndicesBorder": [0,1], "highlightIndicesGreen": [], "specialIndices": [] }

6 > 3.
Swap 6 and 3.
We need to arrange them in ascending order.

{ "array": [3,6,8,2,7,4], "showIndices": false, "highlightIndices": [0,1], "highlightIndicesGreen": [], "specialIndices": [] }

➜ Comparing 6 and 8

{ "array": [3,6,8,2,7,4], "showIndices": false, "highlightIndicesBorder": [1,2], "highlightIndicesGreen": [], "specialIndices": [] }

6 <= 8.
No swap needed.
They are already in ascending order.

➜ Comparing 8 and 2

{ "array": [3,6,8,2,7,4], "showIndices": false, "highlightIndicesBorder": [2,3], "highlightIndicesGreen": [], "specialIndices": [] }

8 > 2.
Swap 8 and 2.
We need to arrange them in ascending order.

{ "array": [3,6,2,8,7,4], "showIndices": false, "highlightIndices": [2,3], "highlightIndicesGreen": [], "specialIndices": [] }

➜ Comparing 8 and 7

{ "array": [3,6,2,8,7,4], "showIndices": false, "highlightIndicesBorder": [3,4], "highlightIndicesGreen": [], "specialIndices": [] }

8 > 7.
Swap 8 and 7.
We need to arrange them in ascending order.

{ "array": [3,6,2,7,8,4], "showIndices": false, "highlightIndices": [3,4], "highlightIndicesGreen": [], "specialIndices": [] }

➜ Comparing 8 and 4

{ "array": [3,6,2,7,8,4], "showIndices": false, "highlightIndicesBorder": [4,5], "highlightIndicesGreen": [], "specialIndices": [] }

8 > 4.
Swap 8 and 4.
We need to arrange them in ascending order.

{ "array": [3,6,2,7,4,8], "showIndices": false, "highlightIndices": [4,5], "highlightIndicesGreen": [], "specialIndices": [] }

8 is now at its correct position.

{ "array": [3,6,2,7,4,8], "showIndices": false, "highlightIndicesGreen": [5], "specialIndices": [] }

Pass 2

➜ Comparing 3 and 6

{ "array": [3,6,2,7,4,8], "showIndices": false, "highlightIndicesBorder": [0,1], "highlightIndicesGreen": [5], "specialIndices": [] }

3 <= 6.
No swap needed.
They are already in ascending order.

➜ Comparing 6 and 2

{ "array": [3,6,2,7,4,8], "showIndices": false, "highlightIndicesBorder": [1,2], "highlightIndicesGreen": [5], "specialIndices": [] }

6 > 2.
Swap 6 and 2.
We need to arrange them in ascending order.

{ "array": [3,2,6,7,4,8], "showIndices": false, "highlightIndices": [1,2], "highlightIndicesGreen": [5], "specialIndices": [] }

➜ Comparing 6 and 7

{ "array": [3,2,6,7,4,8], "showIndices": false, "highlightIndicesBorder": [2,3], "highlightIndicesGreen": [5], "specialIndices": [] }

6 <= 7.
No swap needed.
They are already in ascending order.

➜ Comparing 7 and 4

{ "array": [3,2,6,7,4,8], "showIndices": false, "highlightIndicesBorder": [3,4], "highlightIndicesGreen": [5], "specialIndices": [] }

7 > 4.
Swap 7 and 4.
We need to arrange them in ascending order.

{ "array": [3,2,6,4,7,8], "showIndices": false, "highlightIndices": [3,4], "highlightIndicesGreen": [5], "specialIndices": [] }

7 is now at its correct position.

{ "array": [3,2,6,4,7,8], "showIndices": false, "highlightIndicesGreen": [4,5], "specialIndices": [] }

Pass 3

➜ Comparing 3 and 2

{ "array": [3,2,6,4,7,8], "showIndices": false, "highlightIndicesBorder": [0,1], "highlightIndicesGreen": [4,5], "specialIndices": [] }

3 > 2.
Swap 3 and 2.
We need to arrange them in ascending order.

{ "array": [2,3,6,4,7,8], "showIndices": false, "highlightIndices": [0,1], "highlightIndicesGreen": [4,5], "specialIndices": [] }

➜ Comparing 3 and 6

{ "array": [2,3,6,4,7,8], "showIndices": false, "highlightIndicesBorder": [1,2], "highlightIndicesGreen": [4,5], "specialIndices": [] }

3 <= 6.
No swap needed.
They are already in ascending order.

➜ Comparing 6 and 4

{ "array": [2,3,6,4,7,8], "showIndices": false, "highlightIndicesBorder": [2,3], "highlightIndicesGreen": [4,5], "specialIndices": [] }

6 > 4.
Swap 6 and 4.
We need to arrange them in ascending order.

{ "array": [2,3,4,6,7,8], "showIndices": false, "highlightIndices": [2,3], "highlightIndicesGreen": [4,5], "specialIndices": [] }

6 is now at its correct position.

{ "array": [2,3,4,6,7,8], "showIndices": false, "highlightIndicesGreen": [3,4,5], "specialIndices": [] }

Pass 4

➜ Comparing 2 and 3

{ "array": [2,3,4,6,7,8], "showIndices": false, "highlightIndicesBorder": [0,1], "highlightIndicesGreen": [3,4,5], "specialIndices": [] }

2 <= 3.
No swap needed.
They are already in ascending order.

➜ Comparing 3 and 4

{ "array": [2,3,4,6,7,8], "showIndices": false, "highlightIndicesBorder": [1,2], "highlightIndicesGreen": [3,4,5], "specialIndices": [] }

3 <= 4.
No swap needed.
They are already in ascending order.

4 is now at its correct position.

{ "array": [2,3,4,6,7,8], "showIndices": false, "highlightIndicesGreen": [2,3,4,5], "specialIndices": [] }

Pass 5

➜ Comparing 2 and 3

{ "array": [2,3,4,6,7,8], "showIndices": false, "highlightIndicesBorder": [0,1], "highlightIndicesGreen": [2,3,4,5], "specialIndices": [] }

2 <= 3.
No swap needed.
They are already in ascending order.

3 is now at its correct position.

{ "array": [2,3,4,6,7,8], "showIndices": false, "highlightIndicesGreen": [1,2,3,4,5], "specialIndices": [] }

Pass 6

2 is now at its correct position.

{ "array": [2,3,4,6,7,8], "showIndices": false, "highlightIndicesGreen": [0,1,2,3,4,5], "specialIndices": [] }

Array is fully sorted.

Welcome to ProgramGuru

Sign up to start your journey with us

Support ProgramGuru.org❯

You can support this website with a contribution of your choice.

When making a contribution, mention your name, and programguru.org in the message. Your name shall be displayed in the sponsors list.

PayPal

UPI

PhonePe QR

MALLIKARJUNA M