abhis3kh / Visualization-of-sorting-alogrithms

Visualization of popular sorting alogrithms using typescript and d3.js

Sorting Algorithms Visualization

This project uses d3.js and TypeScript to create visualizations of the following sorting algorithms:

• Bubble sort
• Selection sort
• Insertion sort
• Merge sort
• Quick sort

Website demonstartion

You can visit the website here https://kluzko.github.io/Visualization-of-sorting-alogrithms

In progress

• add slider to adjust animation speed ( now is as fast as possible )

Run the project

If you want to run project localy on your computer these are the steps:

1. Clone the repository
2. Run npm install to install the necessary dependencies
3. Run npm run dev then visit http://localhost:5173/

Usage

Select an algorithm from the dropdown menu and hit the "start" button to see the visualization in action. You can also change the amount of data so far from 50 to 500 numbers.

See LEARN.md for more information

To gain a deeper understanding of the sorting algorithms implemented in this project, please refer to the file.

Contributions

If you find any issue, please open an issue or pull request. Also if you want to add any new algorithm or improve the existing algorithm please let me know.