/sorting-visualizer

A react project to visualize different sorting algorithms

Primary LanguageJavaScript

Sorting Visualizer

sorting visualizer in action

Welcome to my Sorting Visualizer project! The goal of the project was to create a frontend application that visualizes the different steps of sorting algorithms. Through this visualizer, users can interactively explore and understand the functioning of various sorting algorithms by visualizing the sorting process of random data in real-time. This project provides insight into the efficiency and performance of different sorting algorithms.

You can see the application in action and try out different sorting algorithms by checking out the live demo.

Features

  • Visualization of sorting
  • Select from different sorting algorithms
  • Adjust the size & speed
  • Shuffle array values
  • Select styling theme
  • Stopwatch
  • Responsive design

Algorithms

  • Selection Sort
  • Bubble Sort
  • Quick Sort
  • Merge Sort

Setup

# Clone repository
$ git clone https://github.com/kecioch/sorting-visualizer

# Navigate into repository
$ cd sorting-visualizer

# Install dependencies
$ npm i

# Start the application
$ npm run start

Technologies