Understand the Sorting concept by visualizing it. Vizualization - Definition - Complexity - Codes

WEBSITE LINKS : Click Here

• Bubble Sort
• Selection Sort
• Insertion Sort
• Quick Sort

Hope you like this simple website Thank You !

Have a nice day 😀

• Mutiple Sorting Visualization at once
• Dynamically the element get changed
• Responsive across a wider range of device
• Smooth Scrolling
• Attractive UI
• Single Page Application
• Visualization with attractive colors and effects
• Can understand the basics of Sorting through Definition
• Know the time and space complexity through pictorial representation
• Access the code snippet for various sorting in 4 different programming language (SOURCE : GeeksforGeek and Tutorialspoint)
• Provide source to learn better and master this sorting Techniques (SOURCE : GeeksforGeek)

• Speed Slider not working in Bubble, Insertion and Selection Sort
• Visualization don't stop once started
• Requires AUTOMATIC REFRESH after Quick Sort

This project is licensed under MIT

Sandeep Shaw (Student, C.S.E)

Follow me on : LinkedIn | Instagram | Youtube | Github

If you like this repository dont forget to give a star 👍

1. Learned the important functions of JQuery and it's implementation to make the Website more functional and dynamic
2. Learned how to use the classes of Bootstrap to make the code responsive. The concept and the use of grid system became more crystal clear
3. The most important part is that, the use of delay function e.g setTimeout() helped me a lot to render the vizualization
4. I rely on HTML Structure div and Jquery for the animations and it worked well without CANVAS
5. Learned how to scrape the content inside the HTML Structure using Jquery inorder to get copied in the clipboard

1. Merge the entire .js script into a single file
2. Addding Merge and Heap Sort
3. Keeping one screen for vizualization with multiple sorting options