Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mertturkmenoglu/sorting-visualization
Sorting algorithms visualization using p5.js
https://github.com/mertturkmenoglu/sorting-visualization
algorithms animation javascript mergesort p5 p5js p5js-animation quicksort sorting-algorithms visualization
Last synced: 16 days ago
JSON representation
Sorting algorithms visualization using p5.js
- Host: GitHub
- URL: https://github.com/mertturkmenoglu/sorting-visualization
- Owner: mertturkmenoglu
- License: mit
- Created: 2020-01-16T10:53:45.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2020-02-02T17:39:38.000Z (almost 5 years ago)
- Last Synced: 2023-07-31T22:40:57.416Z (over 1 year ago)
- Topics: algorithms, animation, javascript, mergesort, p5, p5js, p5js-animation, quicksort, sorting-algorithms, visualization
- Language: JavaScript
- Homepage: https://mertturkmenoglu.github.io/sorting-visualization/
- Size: 1.08 MB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Sorting Visualization
 
***
# Table of Contents
* [Description](#Description)
* [Prerequisites](#Prerequisites)
* [Installing the project](#installing-the-project)
* [Using](#Using)
* [Features](#Features)
* [Contributing](#Contributing)
* [Authors](#Authors)
* [Contact](#Contact)
* [License](#License)
# Description
* Sorting algorithms visualization using **p5.js**
* Official **p5.js** website: https://p5js.org/
* See the LICENSE file for details.
# Prerequisites
Ensure you have met the following requirements:
* You have a modern web browser that can render `HTML5 canvas`.
* You have installed **p5.js** libraries.
* You have installed `npm` package manager or `python 3.x` on your machine.
# Installing the project
* **Clone** or **download as ZIP** this repository.
* Open repository folder.
* If you use `npm`, follow these steps:
* Install `http-server` module globally on your machine via this command:
```
npm install http-server -g
```
* Run the module:
```
http-server ./ -p 1337
```
* Open http://localhost:1337/ in a web browser.
* If you use `Python`, follow these steps:
* Run this Python command:
```python
python -m http.server 1337
```
* Open http://localhost:1337/ in a web browser.
# Using
* You can select your algorithm from top left corner.
* Then, select your element number.
* You can create different type of arrays from top right corner.
* When you are ready, click to `start` button.
# Features
* Current algorithms:
* Bubble Sort
* Quick Sort
* Merge Sort
* Insertion Sort
* Selection Sort
* Heap Sort
* Tim Sort
* Radix Sort
* Shell Sort
* Cycle Sort
* Odd Even Sort
* You can see these algorithms run on different size of arrays(from 8 to 512).
* You can generate different type of arrays:
* Random elements(floating numbers).
* Ordered(sorted) integer numbers.
* Shuffle current array.
* Reversed sorted integer numbers
# Contributing
1. Fork and clone the repository.
2. Create a branch: `git checkout -b `
3. Make your contribution and commit: `git commit -m''`
4. Push it to GitHub: `git push origin /`
5. Create a pull request (See this page if you need help: [GitHub Pull Request Help](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/about-pull-requests))
All ideas and helps are welcome. For more, please contact with me.
# Authors
* Mert Türkmenoğlu
# Contact
* [@mertturkmenoglu](https://github.com/mertturkmenoglu) on **GitHub**
* [@mert-turkmenoglu](https://www.linkedin.com/in/mert-turkmenoglu/) on **LinkedIn**
* [@mertturkmenoglu](https://medium.com/@mertturkmenoglu) on **Medium**
* [@capreaee](https://twitter.com/capreaee) on **Twitter**
# License
* This project uses the following license: [MIT](https://opensource.org/licenses/MIT)