Skip to content

Latest commit

 

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A web application for visualizing sorting algorithms. This project is built using plain HTML, CSS, and JavaScript.

Features

  • Visualize different sorting algorithms: Bubble Sort, Selection Sort, Merge Sort, Quick Sort, Insertion Sort, and Heap Sort.
  • Adjust the speed of the visualization.
  • Pause and resume the sorting process.
  • View performance metrics: number of comparisons, swaps, and time taken.
  • Connect with the creator on LinkedIn! :)

Screenshot

Sorting Visualizer

Project Structure

sorting_visualizer/
├── assets/
│   └── screenshot.png
├── static/
│   ├── css/
│   │   └── sortingv.css
│   └── js/
│       └── sortingv.js
└── index.html

Branches

  • flask-feature: This branch contains the Flask backend implementation. You can switch to this branch to work with Flask.

Getting Started

Prerequisites

You only need a modern web browser to run this project.

Installation

  1. Clone the repository:

    git clone https://github.com/Ahmad-danaf/sorting-visualizer.git
    cd sorting_visualizer
  2. Open index.html in your web browser.

Author

Ahmad Danaf - Connect with me on LinkedIn

License

This project is licensed under the MIT License.

About

A web application to visualize different sorting algorithms using Flask for the backend and vanilla HTML, CSS, and JavaScript for the frontend.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages