berithpy / sorting-visualizer

Sorting algorithms visualization web toy!

Home Page:https://berith.moe/sorting-viz/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sorting algorithms visualizer

Theres a pretty famous youtube video which illustrate how they work, so I decided to make my own version of it.
I used React, Typescript and lodash for this project.
Heres a short video of the webtoy working

sortingviz.mp4

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

TODO

  • Array length selector
  • Speed selector
  • Info card with the selected algorithm info, like complexity
  • Split App.tsx

About

Sorting algorithms visualization web toy!

https://berith.moe/sorting-viz/

License:GNU General Public License v3.0


Languages

Language:TypeScript 83.1%Language:HTML 10.2%Language:CSS 6.7%