Sorting Visualization

---

Table of Contents

• Description
• Prerequisites
• Installing the project
• Using
• Features
• Contributing
• Authors
• Contact
• 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 -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 <branch_name>
3. Make your contribution and commit: git commit -m'<commit_message>'
4. Push it to GitHub: git push origin <project>/<location>
5. Create a pull request (See this page if you need help: GitHub Pull Request Help)

All ideas and helps are welcome. For more, please contact with me.

Authors

• Mert Türkmenoğlu

Contact

• @mertturkmenoglu on GitHub
• @mert-turkmenoglu on LinkedIn
• @mertturkmenoglu on Medium
• @capreaee on Twitter

License

• This project uses the following license: MIT