Visualization of the quicksort algorithm using d3, showing the array each time it is swapped. The white lines show which values are being swapped. This is using a slightly different quicksort than this.
This is using Babel so it would work in more browsers, specifically ones that don't support ES2015 generators.
xxxxxxxxxx<meta charset="utf-8"><style>body { background: black;}.line { fill: white; opacity: 0.85;}</style><svg width="960" height="960"></svg><script src="//d3js.org/d3.v4.min.js"></script><script src="//unpkg.com/babel-standalone@6/babel.min.js"></script><script src="//unpkg.com/babel-polyfill@6.16.0/dist/polyfill.js"></script><script type="text/babel" src="index.js"></script> https://d3js.org/d3.v4.min.js
https://unpkg.com/babel-standalone@6/babel.min.js
https://unpkg.com/babel-polyfill@6.16.0/dist/polyfill.js