The concept of visualizing algorithms lets us understand algorithms in a much better way.
This project is built using ReactJS. It includes visualization of few classic sorting algorithms such as: Bubble Sort, Selection Sort and Insertion Sort.
Play around with it: app
It consists of 4 main components.
-
Header: This component is just a text animation of the text "Sorting Visualizer".
-
Buttons Bar: This component includes few buttons which are used to start visualizing algorithms.
-
Array Bar: This component is where we visualize the algorithm using 3D Vertical Bars.
-
Range Slider: This component includes some range sliders through which array size and animation speed can be changed in real time. 
PLAY AROUND WITH IT AND HAVE FUN! :)