Sorting Visualizer

• 

  Home Page

Inspiration

I was inspired to create this project after watching Clement Mihailescu's path finding algorithm visualizer and wanted to make a simpler version. I figured that a sorting visualizer would be the best option, as it reflects my passion for computer science and can also help people learn more about certain aspects of the subject.

What it does

This project visualizes these sorting algorithms by moving bars on the screen, and highlighting each swap made.

How we built it

I built this project with JavaScript, HTML, and CSS. I also used three.js, a JavaScript library that allowed me to render 3D graphics on a website.

Challenges we ran into

A huge problem I ran into while making this was figuring out how three.js worked. It took a LOT of trial and error, but I was eventually able to get it to work.

Accomplishments that we're proud of

I’m proud of being able to complete this project on time and making it at least slightly visually appealing. Since I’m very new to the web development scene as a whole, I am definitely proud of how this website turned out.

What we learned

I learned a lot during this hackathon, and gained a lot of experience and knowledge I will use later in my other web development projects. I got better with my CSS styling, learned how to use and implement features of a new JS library, and strengthened my understanding of sorting algorithms.

What's next for Sorting Visualizer

In the future, I hope to add even more types of sorting algorithms, and eventually implement searching visualizations as well. I also hope to create better descriptions for each algorithm, as it was kind of done in a rush.

Built With

• css
• html
• javascript