There is a preview on sorting.squidspirit.com, which is set up with GitHub Pages.
A visualization of several sorting methods. The followings are the sorting methods supported currently.
-
Bubble Sort
-
Insertion Sort
-
Merge Sort
-
Quick Sort
-
Heap Sort
-
Ckicking the button top-right will start the sorting.
-
The height of the strips represents the value for the array to be sorted, which is seperated from 1 to 50 randomly by default.
-
A step means a comperation or swapping operation.
-
Every step costs 10 ms by default.
-
quantity
: The quantity of the strips. Default value is 50. -
interval
: The interval time between steps in millisecond. Default value is 10.
For example, if you want to set the interval as 100, you can adjust the url as sorting.squidspirit.com/?interval=100; if you want to set the interval as 5 and the quantity as 150, the url should be set as sorting.squidspirit.com/?interval=5&quantity=150
-
Framework: Next.js.
-
Run
yarn install
to install the dependencies. -
Run
yarn run dev
to set up a development server at localhost:3000.