Skip to content

Eurydia/project-sorting-algorithm-visualizer

Repository files navigation

sorting-algorithm-visualizer

Motivation

This little project is heavily inspired by a video called "15 Sorting Algorithms in 6 Minutes" by Timo Bingmann.

Having seen the video multiple times, I want to implement a sorting algorithm visualizer of my own, but for some reason I never had the chance to complete it until now, that is.

Description

In my version of sorting algorithm visualizer, you can investigate exactly what the algorithm is doing to the input. The visualizer will describe that two elements are being compared, or being swapped, or has been swapped.

So far, common sorting algorithms are included:

  • Bubble sort
  • Insertion sort
  • Selection sort
  • Merge sort
  • Heapsort
  • Quicksort
  • Counting sort

Also, the visualizer looks better on tall screens on wide screens for some reason.

Screenshots

Bubble sort

Useful CLs

Pushing dist/ directory to branch_name branch.

npx gh-pages -d path/to/dist/ -b branch_name

References

Sources

Comparison-based sorting algorithms:

Non-comparison sorting algorithms: