Visual Sort Algorithms on CanvasBy Joshua Kehn
Using is rather easy. First select a data set, and then simply click on the sort you would like to perform. Options include changing the default array, setting the delay between redraws, and showing / hiding swaps. Showing swaps will introduce blue lines that will show what values are being moved or compared. Some algorithms do this by default (Selection / Insertion) because in order to correctly scale the time frames you to other sorts you need to show them. Otherwise Insertion looks lightening quick. It would also be good to make note of the number of swaps that are performed for every sort. The only sort with a skewed value is the improved selection sort, which happens to have an extremely low swap count because it internally selected the lowest value before performing the swap.
Please use the 1/10th second delay and small data set options on mobile devices for the smoothest animation. This has been successfully tested using Mobile Safari on iOS 4. Issues should be directed through the comments in the blog post.