Sorting Visualizer

• 

  Heap Sort Visualization

Inspiration

After watching Clement's video on YT about the projects that helped him get a job at Google, I was inspired to make my own sorting visualizer, but without the help of any library or framework.

What it does

The software can sort using 6 different sorting algorithms and display them in a bar graph format for intuitive visualization. Implemented algorithms are Bubble Sort, Insertion Sort, Selection Sort, Quick Sort, Merge Sort, and Heap Sort.

How we built it

The visualizer was built purely with vanilla HTML, CSS, and JavaScript to expand and improve my grasp of essential web technologies and their core concepts.

Challenges we ran into

The major challenge was implementing the sorting visualization process. The delays were easy enough to handle, but figuring out how to make sure the correct bars got swapped and hence sorted was difficult, but with enough effort, I accomplished it.

Accomplishments that we're proud of

The software was featured in my college's computer engineering program and is currently used to introduce freshers to sorting algorithms.

What we learned

My grasp of HTML, CSS, and JavaScript has increased many folds, and I feel I do not need to rely on frameworks and libraries to do a job. Instead, I can do that myself with enough effort and grit.

What's next for Sorting Visualizer

Built With

• css
• html
• javascript