https://github.com/dschau/algorithm-playground

A live-editing visual comparison of a number of different JavaScript sorting algorithms
https://github.com/dschau/algorithm-playground

algorithms animation canvas flow javascript react sorting visualization

Last synced: about 1 year ago
JSON representation

A live-editing visual comparison of a number of different JavaScript sorting algorithms

• Host: GitHub
• URL: https://github.com/dschau/algorithm-playground
• Owner: DSchau
• Created: 2017-11-08T03:32:50.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-02-09T15:43:09.000Z (over 8 years ago)
• Last Synced: 2025-04-07T05:11:18.232Z (about 1 year ago)
• Topics: algorithms, animation, canvas, flow, javascript, react, sorting, visualization
• Language: JavaScript
• Homepage: https://algorithm-playground.netlify.com
• Size: 717 KB
• Stars: 34
• Watchers: 3
• Forks: 3
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# [algorithm-playground][algorithm-playground]



  

    

  

  

    

  



A playground to experiment with different sorting algorithms and see a preview of that algorithm applied to a visulization of sorting colors

[![Algorithm Playground](./assets/algorithm-playground.gif)](https://giphy.com/gifs/xUOxf7xnJc4xVeZlDy/html5)

## Algorithms

- [Bitonic Merge Sort](./src/algorithms/bitonic-merge-sort.js)

- [Bogo Sort](./src/algorithms/bogo-sort.js)

- [Bubble Sort](./src/algorithms/bubble-sort.js)

- [Bucket Sort](./src/algorithms/bucket-sort.js)

- [Cocktail Sort](./src/algorithms/cocktail-sort.js)

- [Comb Sort](./src/algorithms/comb-sort.js)

- [Insertion Sort](./src/algorithms/insertion-sort.js)

- [Merge Sort](./src/algorithms/merge-sort.js)

- [Quick Sort](./src/algorithms/quick-sort.js)

- [Radix Sort](./src/algorithms/radix-sort.js)

- [Selection Sort](./src/algorithms/selection-sort.js)

- [Shell Sort](./src/algorithms/shell-sort.js)

## Credits

Without the work of these excellent folks, the algorithms you see visualized would have been written by me (but probably not as well). I sincerely thank them for their work!

- [Sorting Algorithms in JavaScript](http://blog.benoitvallon.com/sorting-algorithms-in-javascript/sorting-algorithms-in-javascript-all-the-code/)

- [Rosetta Code](https://rosettacode.org/wiki/Sorting_algorithms/Cocktail_sort#JavaScript)

- [Learn JS With Me](http://learnjswith.me/quick-sort-in-javascript/)

- [NCZOnline](https://www.nczonline.net/blog/2009/09/08/computer-science-in-javascript-selection-sort/)

Additionally, I'd like to credit the work of [reddit user morolin](https://www.reddit.com/r/woahdude/comments/78fzi7/sorting_algorithms_visualized_gifv/?st=jaj5goe1&sh=e80fb95c) for the initial inspiration

[algorithm-playground]: https://algorithm-playground.com