React-Sort

React-Sort is a sorting visualizer which visualizes different sorting algorithms. Click Here for demo.

Features

• Visualizes sorting algorithms such as bubble sort, insertion sort, selection sort, merge sort, heap sort and quick sort.
• Randomize the array of data.
• Play and Pause feature which allows you to stop and start the visualization at any time.
• Delay checkbox which allows you to speed up/down the visualization.
• Visualization also includes sound. Small number swaps have a low frequency sound played while larger number swaps have a high frequency sound played.
• Mute button which allows you to mute/unmute sound visualization.

Technologies Used

• React
• Chart.js
• Bulma(CSS framework)
• Tonejs for sound

Example Screenshot