Circle of Fifths

Playing with chords in a circular format. It is the circle of fifths after all.

Click/Tap on a key to play the chord. Hold the drone for a bass pedal. Run through common progressions (I-IV-V-I, I-vi-IV-V, and more). It draws the circle on canvas and highlights relationships between chords as you explore. Fun to noodle on. Healthy for me and music theory.

I really like the arpegiate mode, and honestly would like to make a toy just with that, something that composes with layered arpegiation. I hope to visit that.

• Canvas-rendered circle with interactive key segments
• Pool of 6 Tone.js Synth instances for polyphonic chords
• Separate drone synth for sustained bass notes
• Built-in chord progressions with tempo control and arpeggiation
• Roman numeral display showing chord degrees
• Keyboard shortcuts (1-9, 0, -, =) for quick chord access

Changelog

• Initial release