https://github.com/throvn/sorting-visualizations

A website where you can watch the most satisfying sorting visuals!
https://github.com/throvn/sorting-visualizations

algorithms blog blog-article bubble-sort heapsort insertion-sort merge-sort performance quicksort sorting visualization

Last synced: 2 months ago
JSON representation

A website where you can watch the most satisfying sorting visuals!

• Host: GitHub
• URL: https://github.com/throvn/sorting-visualizations
• Owner: Throvn
• Created: 2021-05-23T07:12:30.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2021-06-10T20:57:31.000Z (about 4 years ago)
• Last Synced: 2025-03-26T03:04:52.965Z (3 months ago)
• Topics: algorithms, blog, blog-article, bubble-sort, heapsort, insertion-sort, merge-sort, performance, quicksort, sorting, visualization
• Language: CSS
• Homepage: https://throvn.github.io/sorting-visualizations/
• Size: 46.7 MB
• Stars: 39
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Sorting Visualizations

This is a sorting visualization of five of the most popular sorting algorithms:

- Bubble Sort

- Heapsort

- Insertion sort

- Merge sort and

- Quicksort

## Demo

You can see a [**Demo here**](https://throvn.github.io/sorting-visualizations/)

### Example: Quicksort

![Example Quicksort](./doc/Heapsort.gif)

## Usage

![Screenshot controls](./doc/Controls.png)

1. Play / Resume

2. Pause

3. Speed

4. Length of (random generated) array to sort

5. Repeat with different values (but same number of elements)

> You can also hover over the elements and a description will be shown

## Experiencing Problems?

If you experience any issues or miss a sorting algorithm or other functionality feel free to open an issue [here](https://github.com/Throvn/sorting-visualizations/issues).

## ToDo's

- [ ] Add more sorting algorithms

- [ ] Add explaination (blog post like) to the algorithms (like on bubble sort)

- [ ] Refactor code to typescript

- [x] Darkmode - Based on system settings

- [ ] (Bubblesort) Highlight changed elements

- [ ] Add documentation to the rest of the algorithms (for a reference now check the `bubblesort/main.js` file.) - Repetitive

- [ ] (Maybe) Add all algorithms in one file

## Want to contribute?

Every help is welcome!

Feel free to contact me any time :P