pa-dg / Sorting-Algorithm-Viz

A sorting visualization engine for visualizing sorting algorithms, created using VanillaDOM

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Background

This single web-application is a Sorting Algorithm Visualization engine for visualizing various sorting algorithms. This application sorts an unsorted array of numbers using a particular sorting algorithm which includes bubble sort, selection sort, and quick sort. This was developed because I struggled to visualize sorting algorithm in the beginning and had to draw it out for myself. Hence, I developed this to be used as a form of visual aid and for educational purposes.

Check it out --> Sorting Algorithm Viz

Implemented Sorting Algorithms

  • Bubble Sort
  • Selection Sort
  • Quick Sort

Functionalities & MVPs

In Sorting Algorithm Visualizer, some of the features available to users include:

  • Sorting Visualizer
  • Display sort runtime
  • Compare Two Sorting Algorithm
  • Algorithm Selector
  • Adjustable Input Size and Speed
  • Ability to Start, Stop, and Reset

In addition, this project will include:

  • Instructions

Running a Single-Sorting Algorithm

Running Double-Sorting Algorithm

Technologies, Libraries, APIs

This project was implemented with the following technologies:

  • Vanilla DOM
  • HTML/CSS/JavaScript
  • npm to manage project dependencies
  • Webpack and Babel to bundle and transpile the source JavaScript code

About

A sorting visualization engine for visualizing sorting algorithms, created using VanillaDOM


Languages

Language:JavaScript 62.4%Language:SCSS 20.0%Language:HTML 17.6%