DEV Community

Cover image for Image sorting visualizer
Ferdo Vukojević
Ferdo Vukojević

Posted on • Updated on

Image sorting visualizer

Hello Community

I recently got into learning about algorithms and data structures. With so many cool projects online I decided to create one of my own.

IDEA

So the idea I had is just to visualize how the sorting algorithms work (I know there are many apps already doing that, but I wanted to create something on my own).

The app would be very simple. You just go online, find a picture, copy the image url and paste it in. Additionally you can choose number of rows and cols, which I will use to slice the image into smaller parts.

Once the image is sliced, I would reshape it so it would look all jumbled.

And then you simply decide on what sorting algorithm you want to use, and the algorithm logic will display how it shifts the image back to the original form.

As a beginner I knew nothing about time complexity of sorting algorithms, so it helped me to better see why some of them are better than the others.

App is hosted on heroku and it's very light and easy to use.

I would love if you can give me a feedback on what do you guys think

Live demo of the app: https://image-sorting-visualizer.herokuapp.com/

Github link of the app is: https://github.com/fvukojevic/Image-Sorting-Visualizer in case any of you kind souls really likes it and decides to star the project 😁

Thanks and I'm new, joined today (10.08.2020) hopefully I am not making a fool of myself 😁

Top comments (0)