/Heap-Sort-Visualization

Data Structure Project - Heap Sort Visualization; 同济大学数据结构课程设计-堆排序可视化

Primary LanguageJavaScript

Heap-Sort-Visualization

Data Structure Project - Heap Sort Visualization

video

Notice

This project is adapted from Data Structure Visualization where Heap Sort was on the algorithm list.

More Algorithm Visualizations on the website are highly recommended.

Language & Packages & Frameworks

  • javascript (HTML, css)
  • bootstrap, prism, Data Structure Visualization

Quick Start

Open heap_sort.html opening page

coding on the left side displayed just for decoration (NOT THE SAME AS ANIMATION ORDERS)

Randomize - randomize (generate) an array with MAX_LENGTH(default to 32) elements

Build Heap - build up a heap & start first visualization

Animation Speed Range - Change the speed of your animation

Randomize & Build heap

Pause / Start - pause or start animation

Back / Forward - Perform animation by steps (forward / backward)

FAST Back / FAST Forward - quickly finish animation / back to origial state

Finished Sorting animation

Update - Update your array manually

Update your array

Close the model box then perform the animation

Perform animation with new array