Skip to content

HTML/CSS/Js GUI Sorting Algorithms Visualizer w/ File Upload & Run-Time

Notifications You must be signed in to change notification settings

Usaid-Bin-Rehan/NUCES_DAA_Sorting_Algo_GUI_Visual

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Sorting Algorithm Visualizer

This is the first Javascript based step-by-step visualization software that covers more sorting algorithms than any of the past tools.

Getting Started

Prerequisites

To run this project, you need to have the following software installed on your computer:

  1. Visual Studio Code
  2. Live-Server Extension

Installation

Clone the repository to your local machine using Git. Open a terminal window and run the following command: git clone https://github.com/username/sorting-algorithm-visualization.git Replace username with your GitHub username.

Open Visual Studio Code and click on "Open Folder" in the welcome screen. Alternatively, you can go to "File" > "Open Folder" and select the folder you just cloned.

Tech-Stack

JavaScript HTML CSS

Usage

  1. Load the website
  2. Upload a file with numerical data
  3. Select a sorting algorithm (e.g. Bubble, Insertion, Quick, Heap, Bucket, Radix, Merge, Counting, etc.)
  4. The program will sort the data and display its step-by-step visualization with two colors and run-time complexity.

Contributing

If you want to contribute to this project, please follow these steps:

  1. Fork this repository
  2. Create a new branch (git checkout -b feature)
  3. Make changes and commit them (git commit -m "feat: added new feature")
  4. Push to the branch (git push origin feature)
  5. Create a pull request

License

This project is licensed under the MIT License - see the LICENSE file for details.