An open API service indexing awesome lists of open source software.

https://github.com/erelado/sorting-visualizer

An interpretation of how different search algorithms are presented visually
https://github.com/erelado/sorting-visualizer

algorithms css3 html5 javascript-vanilla sorting-algorithms visualization

Last synced: 11 months ago
JSON representation

An interpretation of how different search algorithms are presented visually

Awesome Lists containing this project

README

          

# Sorting Visualizer
![Project Preview Image](https://github.com/erelado/sorting-visualizer/blob/master/images/preview.png)
👀 [Live Preview](https://erelado.github.io/sorting-visualizer/)

## 📙 Description
Sorting is a very classic problem of reordering items (that can be compared) of an array (or a list) in a certain order (increasing, decreasing, lexicographical, etc.).

There are many different sorting algorithms, each has its own advantages and limitations.

An algorithm for sorting can be visualized through this project. Bars are displayed for each element of the array. Color coding is used for operations.

### 👨‍💻 Technologies
- HTML
- CSS
- Javascript

Using the vanilla versions of the languages was the goal of the project. It provided me with a learning tool with added personal value.

### 🔗 References
Inspiration was taken from [The Coding Train](https://www.youtube.com/watch?v=67k3I2GxTH8).

Links providing information about the algorithms:
- [Bubble Sort](https://en.wikipedia.org/wiki/Bubble_sort)
- [Selection Sort](https://en.wikipedia.org/wiki/Selection_sort)
- [Insertion Sort](https://en.wikipedia.org/wiki/Insertion_sort)
- [Merge Sort](https://en.wikipedia.org/wiki/Merge_sort)
- [Quick Sort](https://en.wikipedia.org/wiki/Quicksort)
- [Counting Sort](https://en.wikipedia.org/wiki/Counting_sort)