Sorting Visualizer

Playground

Algorithms covered

• Bubble Sort
• Selection Sort
• Insertion Sort
• Merge Sort
• Quick Sort
• Heap Sort

NOTE: THIS PROJECT IS NOT MEANT TO COMPARE THE PERFORMANCE OF THE SORTING ALGORITHMS. IT IS DESIGNED TO SHOW CLEARLY HOW AN ALGORITHM WORKS. SO, AN ALGORITHM WITH O(N^2) COMPLEXITY MAY PERFORM BETTER THAN THE ONE WITH O(N LOGN) COMPLEXITY DUE TO THE WAY THE ANIMATIONS ARE DONE INTERNALLY!.

Technologies Used

• ReactJs
• Typescript
• Sass
• Material UI

ToDo

• Bubble Sort
  • Sorting algo
  • Convert the colors into a context to aviod updating it in every render Component.
• Merge array and colors and provider them together are barsInfo
• Selection Sort
• Insertion Sort
• Merge Sort
• Quick Sort
• Heap Sort
• Add a slider to change the speed of the sorting process.
• Add a stop button to stop the sorting process.
• Disable all the pointer events (Except on the stop button) when the sorting is happening.

Feel free to contribute.