A compilation of how to explain ideas with beautiful visualisation

Basic techniques

• A simple way to understanding D3's selection

Algorithms

• Quick sort:
  • Version 1
  • Version 2
  • Version 3
• Merge sort: animation or full view
• Randomized depth first traversal
• Random search using tree visualisation
• Wilson's tree traversal
• Best first search tree
• Random search tree

Geometry

• Spline editor
• Find the closest point on a path

Image grid

• Creating a grid with D3
• Showing an image as grid