Drag to explore the current lunar cycle

This visualization interactively illustrates the lunar cycle, in an attempt to better understand and explore the geometric relationships that produce the familiar sequence of lunar phases.

The sketch is built with p5.js and uses basic functions for calculating the lunar age to animate the cycle.

Read more about the process of creating the original version of this sketch on our blog.

Fathom Information Design