Skip to content

This is a tool to view how different sorting algorithms work, complete with customization settings!

Notifications You must be signed in to change notification settings

Incandescent-Turtle/VisualSortingTool

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

91 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💻 Sorting Algorithm Visualization Tool

This is a program to visually represent a number of sorting algorithms via different visualization methods, such as using different height bars, color gradients, scatter dots, images, etc.
Click here to download the program as a runnable .jar


🧰 Feature Overview


🛠️ Tool Bar

tool bar of program This tool bar contains the main controls for the program

  • shuffle the elements for sorting
  • menu to select algorithms
  • control animation/algorithm speed
    • delay between animation steps
    • steps to skip animation steps
  • menu for difference visualization methods
  • continuously loop an algorithm
  • toggle tooptips for explanations

🧮 Algorithm Choices

Choose between different algorithms
algorithm choice drop down

bar height bubble sort color gradient bubble sort
number grid bubble sort image bubble sort dot bubble sort

bar height selection sort color gradient selection sort
number grid selection sort image selection dot selection sort

bar height quick sort color gradient quick sort
number grid quick sort image quick sort dot quick sort

bar height merge sort color gradient merge sort
number grid merge sort image quick merge dot merge sort


👁️ Visualization Choices

Choose between different methods to visualize your selected algorithm
visualization choice menu

  • Bar Height: Represents numbers with different height of bars.

bar height unsorted bar height sorted

  • Color Gradient: Represents numbers as different colors. When sorted it creates a gradient.

color gradient unsorted color gradient sorted

  • Number Grid: Displays literal numbers as text and sorts them.

number grid unsorted number grid sorted

  • Image: Upload images from your computer and have them sorted by brightness.

image unsorted image sorted

  • Dot: Represents numbers as dots of different heights.

dot unsorted dot sorted


💄 Customization

Color, size, order, number, and more!

  • every algorithm and visualization method can have its own customizable settings!
  • comprehensive color picking

customization menu color chooser customized


ℹ️ Tooltips

Extra information on options, settings, and inputs via yellow popups
They can be toggled on and off.
tooltip description
tooltip example

About

This is a tool to view how different sorting algorithms work, complete with customization settings!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages