sorting-visualizer icon indicating copy to clipboard operation
sorting-visualizer copied to clipboard

A Sorting Algorithms Visualizer built using ReactJS

Sorting Visualizer

  • A tool to visualize sorting algorithms built using ReactJS (link)
  • Still a work in progress

Features

:white_check_mark: Control Visualization Speed

:white_check_mark: Change array size (30 -> 400)

:white_check_mark: Randomize Input

:white_check_mark: Choose various algorithms

:wrench: Stop visualization

:wrench: User controller step-by-step visualization

:wrench: Visualization with sound

Algorithms to Visualize

:white_check_mark: Bubble Sort

:white_check_mark: Insertion Sort

:white_check_mark: Selection Sort

:white_check_mark: QuickSort (Lumoto Partition)

:white_check_mark: QuickSort (Hoare Partition)

:white_check_mark: Merge Sort

:white_check_mark: Merge Sort (Inplace)

:wrench: Count Sort

:wrench: Radix Sort

:wrench: Time Sort

:wrench: Bogosort

Color Codes

#fffffe Generic value in the array

#fcfb06 Pivot/Value to be replaced

#06e58d Value being swapped

#fc0104 Key comparison

Examples

Contributors