Music theory is quiet confusing but can be helpful for generating song ideas or proper sounding progressions within a song. This basic chord harmonics generator offers a simple, web-based, playable solution to quickly create some basic chord progressions for piano or guitar.
basic chord fitting prototype
DEMO & CODEPEN: https://codepen.io/Tristan-Schulze/pen/myExQQN
version II – basic chord fitting prototype plus chord detection
DEMO & CODEPEN: https://codepen.io/Tristan-Schulze/pen/ByzrEBK
version III – basic chord fitting prototype plus chord detection plus circle of fifths
This version is based on version II while introducing an alternative layout for the chord buttons. The chords are now aligned along the circle of fifths. The distance from the center selected chord determs the relative „distance“ of the chord.
DEMO & CODEPEN: https://codepen.io/Tristan-Schulze/pen/myExYbm