Back

Visualize Sorting Methods

This website show different array sorting methods or algorithms used in software engineering using HTML5 Canvas.

Controls

  • Speed: 1 to 100
  • Size: 10 to 400
  • Sorting Methods:
    1. Bubble Sort - O(n²)
    2. Selection Sort - O(n²)
    3. Insertion Sort - O(n²)
    4. Merge Sort - O(n*logn)
    5. Quick Sort - O(n²)

Choose a speed, size, sorting method and click "RUN"

While visualization is running, you have 3 controls viz: Resume, Play, Stop

Colors in Canvas

  • Normal
  • Base Pointer(s)
  • Comparing to (can be thought as other pointer)
  • Already sorted Elements
  • While comparing, some element is found swap worthy. Green and Orange are usually swapped.
  • To show left side of merge sort and quick sort.
  • To show right side of merge sort and quick sort.

Development

Manifest and Icons https://favicon.io/favicon-generator/

Developed by: Jaspreet Singh(@fearless23)

Github Repo