Skip to content

Uses native Javascript, HTML and CSS to visualize different sorts

Notifications You must be signed in to change notification settings

KaiDubauskas/SortVisualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sort Visualizer

Description

-Uses Javascript, HTML and CSS to visualize different sorts.

-Final project for my CS Topics class (originally created during the first half of 2020).

alt text

^ Visualization of Selection Sort ^

How to Install and Run

  1. Download files
  2. Unzip and open the folder
  3. Open main.html

Visualizing Sorts

From the homepage, click Start Now to go to the sort visualization page. Here, you'll see two sliders. The first controls the number of elements to be sorted. The second slider controls the initial randomness of the list. A value of 1 will create a completely random list, while a value of 5 will create a near perfect list of descending values.

Improvements and Future Projects

  • Using native Javascript severely limited the tools I had to animate. Using outside packages would have increased efficiency, code-readibility, and saved time.

  • I could have used a framework like React to handle dependencies and make coding in javascript easier. Specifically, using React components would have made the website more dynamic and ready for expansion. CSS frameworks like Bootstrap could be used to enrich the user experience.

  • In the future, I could expand the number of sorting algorithms such as quick sort and merge sort which are the two most popular sorting algortihms because of their O(nlogn) runtime.

About

Uses native Javascript, HTML and CSS to visualize different sorts

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published