An interactive animation for my website's landing page, made with Javascript and Pose for React. It's a visual representation of my own grapheme-colour synesthesia when I read and play musical scores. Each colour corresponds to a different musical note in a chord or melody, and each square's size represents each note's relative harmonic or melodic weight in the music. The animations are generated from a JSON object containing musical data.

Visit the site landing page to click through the different animations and listen to the music that accompanies each one. All playing is my own.

Chromatic Scale