Skip to content

streamlen/sortingAlgorithmVisualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sorting Algorithm Visualizer

Welcome to the Sorting Algorithm Visualizer! This project is a well-designed and easy-to-understand visualizer for various sorting algorithms. It's written primarily in JavaScript, with HTML and CSS for the front end. This tool helps users understand how different sorting algorithms work by visualizing the sorting process.

Table of Contents

Features

  • Visual representation of various sorting algorithms.
  • Step-by-step visualization to enhance understanding.
  • User-friendly interface.
  • Options to adjust the speed of the visualization.
  • Ability to select different array sizes and types.

Installation

Prerequisites

  • Node.js and npm installed on your machine.

Steps

  1. Clone the repository:
    git clone https://github.com/streamlen/sortingAlgorithmVisualizer.git
  2. Navigate to the project directory:
    cd sortingAlgorithmVisualizer
  3. Install the dependencies:
    npm install
  4. Start the application:
    npm start
  5. Open your web browser and navigate to http://localhost:3000.

Usage

  1. Select the sorting algorithm you want to visualize from the dropdown menu.
  2. Adjust the speed of the visualization using the speed slider.
  3. Choose the size and type of array you want to sort.
  4. Click on the "Start" button to begin the visualization.
  5. Watch the algorithm sort the array step by step.

Algorithms Included

  • Bubble Sort
  • Selection Sort
  • Insertion Sort
  • Merge Sort
  • Quick Sort
  • Heap Sort

Screenshots

Screenshot of the application

Contributing

We welcome contributions from the community. To contribute, please follow these steps:

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature/your-feature-name
  3. Commit your changes:
    git commit -m 'Add some feature'
  4. Push to the branch:
    git push origin feature/your-feature-name
  5. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Acknowledgements

About

This is well designed and easy to understand Algorithm visualizer

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published