Click a dashed triangle to reveal it.
Click a solid triangle or node to hear it.
Drag to pan the grid.



{{ showPitchClasses ? getNoteId(node) : getNoteName(node) }}
Chromatic {{ showPitchClasses ? (pc-1) : noteNames[pc-1] }}
Circle of Fifths {{ showPitchClasses ? (pc-1) : noteNames[pc-1] }}
Notation
{{ traceError }}