mgiulio / insertion-sort-css-transitions

An interactive animation of the insertion sort algorithm with CSS Transitions

About

An interactive animation of the behaviour of the insertion sort algorithm done with CSS Transitions.

Usage

Just click the 'swap' button to perform the next move of the algorithm.

TechNotes(incomplete)

HTML

CSS

Sass and Autoprefixer

SVG

SVG is used for the button icon.

Js

VanillaJS.

Use of classList so no IE10 support.

Played with some functional techniques such as a flatiterator, composition, ...

Borrowed some utils from Underscore.js.