https://github.com/adityaapraveen/sorting-visualizer
Visualizing Sorting Algorithms
https://github.com/adityaapraveen/sorting-visualizer
bootstrap css html5 vanilla-javascript
Last synced: 3 months ago
JSON representation
Visualizing Sorting Algorithms
- Host: GitHub
- URL: https://github.com/adityaapraveen/sorting-visualizer
- Owner: adityaapraveen
- Created: 2023-12-27T17:57:38.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-06T14:33:31.000Z (over 2 years ago)
- Last Synced: 2025-01-15T22:24:16.243Z (over 1 year ago)
- Topics: bootstrap, css, html5, vanilla-javascript
- Language: JavaScript
- Homepage: https://adityaapraveen.github.io/Sorting-Visualizer/
- Size: 14.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sorting Algorithm Visualization
## Overview
This project provides visualizations for popular sorting algorithms such as Bubble Sort, Selection Sort, and Insertion Sort. The goal is to help users understand how these algorithms work by visually presenting the sorting process on an array of bars.
## Features
- Visualization of Bubble Sort, Selection Sort, and Insertion Sort algorithms.
- Adjustable array size with a slider for dynamic testing.
- Color-coded bars to represent the state of each element during the sorting process.
- Responsive design for a seamless user experience on different devices.
## Demo
[Insert a link to the live demo or a GIF/video showcasing the visualizations.]
## Usage
1. Open the project in your preferred web browser.
2. Adjust the array size using the slider.
3. Choose a sorting algorithm (Bubble Sort, Selection Sort, or Insertion Sort).
4. Click the "Sort" button to start the visualization.
## Technologies Used
- HTML
- CSS
- JavaScript
## How to Run Locally
1. Clone the repository to your local machine.
2. Open the `index.html` file in your web browser.
## Code Structure
- `index.html`: Main HTML file.
- `style.css`: CSS styles for the visualization.
- `script.js`: JavaScript code for implementing sorting algorithms and handling visualization.