https://github.com/xjqx/sorting-visualizer

Built a web application that visualizes popular Sorting Algorithm to help users better understand them. 📚
https://github.com/xjqx/sorting-visualizer

css html javascript

Last synced: 3 months ago
JSON representation

Built a web application that visualizes popular Sorting Algorithm to help users better understand them. 📚

• Host: GitHub
• URL: https://github.com/xjqx/sorting-visualizer
• Owner: xJQx
• Created: 2021-06-22T09:45:15.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-12-09T15:35:24.000Z (over 3 years ago)
• Last Synced: 2025-02-08T16:14:50.820Z (5 months ago)
• Topics: css, html, javascript
• Language: JavaScript
• Homepage: https://xjqx.github.io/Sorting-Visualizer/
• Size: 3.56 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: docs/README.md

Awesome Lists containing this project

README

        
# Sorting Visualizer

See how sorting algorithms works visually! 📚

![JavaScript](https://img.shields.io/badge/-JavaScript-%23F7DF1C?style=flat-square&logo=javascript&logoColor=000000&labelColor=%23F7DF1C&color=%23FFCE5A)

![HTML5](https://img.shields.io/badge/-HTML5-%23E44D27?style=flat-square&logo=html5&logoColor=ffffff)

![CSS3](https://img.shields.io/badge/-CSS3-%231572B6?style=flat-square&logo=css3)

## Website






## Sorting Algorithms:

- **`Bubble Sort`**

- **`Insertion Sort`**

- **`Selection Sort`**

- **`Quick Sort`**

- **`Merge Sort`**

- **`Heap Sort`**

  

  


  

## Functions:

- `Change Array Size`

- `New Random Array`

- `Change Sorting Speed`

    - Sorting speed can be `changed dynamically while sorting`

    




   

## Animation:

- `HTML Canvas`

- 2 Ways

  - `setTimeout()`

  - `await`

- `Window`

  - Canvas and bar size `dynamically change size` when size of window is changed