This is a JavaScript visualization exercise based on musical intervals of fifths.
There are two different views, ⭕️ circle and 🌀 spiral, and three different scales, Pythagorean, 5-limit just and 12-tone equal temperament (ET).
Circle view displays an entire octave with note points along the circumference and segments connecting subsequent notes in an interval of fifths. This forms an open or closed dodecagram (twelve points star) depending on the scale type. Pythagorean and just scale leave a gap, but ET closes the diagram.
![]() |
![]() |
![]() |
This gap is known, again depending on the tuning, as Pythagorean comma or Syntonic comma.
Spiral view, spanning three octaves, is better in showing the comma as a wedge-shaped figure indicating the “offset” between subsequent octaves.
![]() |
![]() |