Interactive Piano Chord Visualizer

By Nathan Andersen

Below you see a piano image. This is actually an interactive interface for viewing and hearing piano chords. Start by clicking on any note.

After you click on a note, three boxes appear.

• LEFT BOX: A list of eight common chord types with the note you clicked as the root. If you move your mouse up and down over the list, you'll see the different chord variations.
• MIDDLE BOX: If you click on one of the buttons in the left box, you'll get a set of variations on the chords in the left that will appear in the middle box. you can move your mouse up and down to view these chord variations.
• RIGHT BOX: links to more more detailed information on these chords.