Inspired by, these visualizations create an interesting way to view various sorting algorithms at work. For instance, you can compare the calm swapping of bubblesort with the mass confusion beginning of the heapsort algorithm. Each algorithm saves a snapshot of the list during their sorting loops and then those logs are shown line by line with SVG graphics.

Most algorithms were copied from either or Rosetta Code.

You can view all the typescript code on github.

Note: SVG is an advanced browser feature. I've only tested this page in the lastest version of Chrome and Firefox, IE9, and Safari for iPhone 4/new iPad.