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.
Unfortunately, there was a problem loading the flash content. To see this and other flash you need Flash Player 10. If you're using an iphone or ipad, you're out of luck. I'm working to move my piano tutorials off of flash though. Click here to download the free Flash 10 player. Non flash chord diagrams:
  • List of Advanced
  • C
  • C Major
  • C
  • C
  • Csus
  • Csus2
  • C6
  • C6
  • C6/9
  • Cadd9
  • Major
  • C Minor
  • Cm6
  • Cm6
  • Minor
  • C Diminished
  • Diminished
  • C Augmented
  • Augmented
  • C Major 7th
  • CM7
  • CM9
  • CM9
  • Major 7th
  • C Minor 7th
  • Cm7
  • Cm7b5
  • Cm7#5
  • Cm9
  • Cm7b9
  • Minor 7th
  • C Dominant 7th
  • C7
  • C7b5
  • C7#5
  • C9
  • C7b9
  • C7#9
  • C13th
  • Dominant 7th
  • C Diminished 7th
  • Cdim7
  • Diminished 7th
  • C#
  • C# Major
  • C#
  • C#
  • C#sus
  • C#sus2
  • C#6
  • C#6
  • C#6/9
  • C#add9
  • C# Minor
  • C#m6
  • C#m6
  • C# Diminished
  • C# Augmented
  • C# Major 7th
  • C#M7
  • C#M9
  • C#M9
  • C# Minor 7th
  • C#m7
  • C#m7b5
  • C#m7#5
  • C#m9
  • C#m7b9
  • C# Dominant 7th
  • C#7
  • C#7b5
  • C#7#5
  • C#9
  • C#7b9
  • C#7#9
  • C#13th
  • C# Diminished 7th
  • C#dim7
  • Db
  • Db Major
  • Db
  • Db
  • Dbsus
  • Dbsus2
  • Db6
  • Db6
  • Db6/9
  • Dbadd9
  • Db Minor
  • Dbm6
  • Dbm6
  • Db Diminished
  • Db Augmented
  • Db Major 7th
  • DbM7
  • DbM9
  • DbM9
  • Db Minor 7th
  • Dbm7
  • Dbm7b5
  • Dbm7#5
  • Dbm9
  • Dbm7b9
  • Db Dominant 7th
  • Db7
  • Db7b5
  • Db7#5
  • Db9
  • Db7b9
  • Db7#9
  • Db13th
  • Db Diminished 7th
  • Dbdim7
  • D
  • D Major
  • D
  • D
  • Dsus
  • Dsus2
  • D6
  • D6
  • D6/9
  • Dadd9
  • D Minor
  • Dm6
  • Dm6
  • D Diminished
  • D Augmented
  • D Major 7th
  • DM7
  • DM9
  • DM9
  • D Minor 7th
  • Dm7
  • Dm7b5
  • Dm7#5
  • Dm9
  • Dm7b9
  • D Dominant 7th
  • D7
  • D7b5
  • D7#5
  • D9
  • D7b9
  • D7#9
  • D13th
  • D Diminished 7th
  • Ddim7
  • D#
  • D# Major
  • D#
  • D#
  • D#sus
  • D#sus2
  • D#6
  • D#6
  • D#6/9
  • D#add9
  • D# Minor
  • D#m6
  • D#m6
  • D# Diminished
  • D# Augmented
  • D# Major 7th
  • D#M7
  • D#M9
  • D#M9
  • D# Minor 7th
  • D#m7
  • D#m7b5
  • D#m7#5
  • D#m9
  • D#m7b9
  • D# Dominant 7th
  • D#7
  • D#7b5
  • D#7#5
  • D#9
  • D#7b9
  • D#7#9
  • D#13th
  • D# Diminished 7th
  • D#dim7
  • Eb
  • Eb Major
  • Eb
  • Eb
  • Ebsus
  • Ebsus2
  • Eb6
  • Eb6
  • Eb6/9
  • Ebadd9
  • Eb Minor
  • Ebm6
  • Ebm6
  • Eb Diminished
  • Eb Augmented
  • Eb Major 7th
  • EbM7
  • EbM9
  • EbM9
  • Eb Minor 7th
  • Ebm7
  • Ebm7b5
  • Ebm7#5
  • Ebm9
  • Ebm7b9
  • Eb Dominant 7th
  • Eb7
  • Eb7b5
  • Eb7#5
  • Eb9
  • Eb7b9
  • Eb7#9
  • Eb13th
  • Eb Diminished 7th
  • Ebdim7
  • E
  • E Major
  • E
  • E
  • Esus
  • Esus2
  • E6
  • E6
  • E6/9
  • Eadd9
  • E Minor
  • Em6
  • Em6
  • E Diminished
  • E Augmented
  • E Major 7th
  • EM7
  • EM9
  • EM9
  • E Minor 7th
  • Em7
  • Em7b5
  • Em7#5
  • Em9
  • Em7b9
  • E Dominant 7th
  • E7
  • E7b5
  • E7#5
  • E9
  • E7b9
  • E7#9
  • E13th
  • E Diminished 7th
  • Edim7
  • F
  • F Major
  • F
  • F
  • Fsus
  • Fsus2
  • F6
  • F6
  • F6/9
  • Fadd9
  • F Minor
  • Fm6
  • Fm6
  • F Diminished
  • F Augmented
  • F Major 7th
  • FM7
  • FM9
  • FM9
  • F Minor 7th
  • Fm7
  • Fm7b5
  • Fm7#5
  • Fm9
  • Fm7b9
  • F Dominant 7th
  • F7
  • F7b5
  • F7#5
  • F9
  • F7b9
  • F7#9
  • F13th
  • F Diminished 7th
  • Fdim7
  • F#
  • F# Major
  • F#
  • F#
  • F#sus
  • F#sus2
  • F#6
  • F#6
  • F#6/9
  • F#add9
  • F# Minor
  • F#m6
  • F#m6
  • F# Diminished
  • F# Augmented
  • F# Major 7th
  • F#M7
  • F#M9
  • F#M9
  • F# Minor 7th
  • F#m7
  • F#m7b5
  • F#m7#5
  • F#m9
  • F#m7b9
  • F# Dominant 7th
  • F#7
  • F#7b5
  • F#7#5
  • F#9
  • F#7b9
  • F#7#9
  • F#13th
  • F# Diminished 7th
  • F#dim7
  • Gb
  • Gb Major
  • Gb
  • Gb
  • Gbsus
  • Gbsus2
  • Gb6
  • Gb6
  • Gb6/9
  • Gbadd9
  • Gb Minor
  • Gbm6
  • Gbm6
  • Gb Diminished
  • Gb Augmented
  • Gb Major 7th
  • GbM7
  • GbM9
  • GbM9
  • Gb Minor 7th
  • Gbm7
  • Gbm7b5
  • Gbm7#5
  • Gbm9
  • Gbm7b9
  • Gb Dominant 7th
  • Gb7
  • Gb7b5
  • Gb7#5
  • Gb9
  • Gb7b9
  • Gb7#9
  • Gb13th
  • Gb Diminished 7th
  • Gbdim7
  • G
  • G Major
  • G
  • G
  • Gsus
  • Gsus2
  • G6
  • G6
  • G6/9
  • Gadd9
  • G Minor
  • Gm6
  • Gm6
  • G Diminished
  • G Augmented
  • G Major 7th
  • GM7
  • GM9
  • GM9
  • G Minor 7th
  • Gm7
  • Gm7b5
  • Gm7#5
  • Gm9
  • Gm7b9
  • G Dominant 7th
  • G7
  • G7b5
  • G7#5
  • G9
  • G7b9
  • G7#9
  • G13th
  • G Diminished 7th
  • Gdim7
  • G#
  • G# Major
  • G#
  • G#
  • G#sus
  • G#sus2
  • G#6
  • G#6
  • G#6/9
  • G#add9
  • G# Minor
  • G#m6
  • G#m6
  • G# Diminished
  • G# Augmented
  • G# Major 7th
  • G#M7
  • G#M9
  • G#M9
  • G# Minor 7th
  • G#m7
  • G#m7b5
  • G#m7#5
  • G#m9
  • G#m7b9
  • G# Dominant 7th
  • G#7
  • G#7b5
  • G#7#5
  • G#9
  • G#7b9
  • G#7#9
  • G#13th
  • G# Diminished 7th
  • G#dim7
  • Ab
  • Ab Major
  • Ab
  • Ab
  • Absus
  • Absus2
  • Ab6
  • Ab6
  • Ab6/9
  • Abadd9
  • Ab Minor
  • Abm6
  • Abm6
  • Ab Diminished
  • Ab Augmented
  • Ab Major 7th
  • AbM7
  • AbM9
  • AbM9
  • Ab Minor 7th
  • Abm7
  • Abm7b5
  • Abm7#5
  • Abm9
  • Abm7b9
  • Ab Dominant 7th
  • Ab7
  • Ab7b5
  • Ab7#5
  • Ab9
  • Ab7b9
  • Ab7#9
  • Ab13th
  • Ab Diminished 7th
  • Abdim7
  • A
  • A Major
  • A
  • A
  • Asus
  • Asus2
  • A6
  • A6
  • A6/9
  • Aadd9
  • A Minor
  • Am6
  • Am6
  • A Diminished
  • A Augmented
  • A Major 7th
  • AM7
  • AM9
  • AM9
  • A Minor 7th
  • Am7
  • Am7b5
  • Am7#5
  • Am9
  • Am7b9
  • A Dominant 7th
  • A7
  • A7b5
  • A7#5
  • A9
  • A7b9
  • A7#9
  • A13th
  • A Diminished 7th
  • Adim7
  • A#
  • A# Major
  • A#
  • A#
  • A#sus
  • A#sus2
  • A#6
  • A#6
  • A#6/9
  • A#add9
  • A# Minor
  • A#m6
  • A#m6
  • A# Diminished
  • A# Augmented
  • A# Major 7th
  • A#M7
  • A#M9
  • A#M9
  • A# Minor 7th
  • A#m7
  • A#m7b5
  • A#m7#5
  • A#m9
  • A#m7b9
  • A# Dominant 7th
  • A#7
  • A#7b5
  • A#7#5
  • A#9
  • A#7b9
  • A#7#9
  • A#13th
  • A# Diminished 7th
  • A#dim7
  • Bb
  • Bb Major
  • Bb
  • Bb
  • Bbsus
  • Bbsus2
  • Bb6
  • Bb6
  • Bb6/9
  • Bbadd9
  • Bb Minor
  • Bbm6
  • Bbm6
  • Bb Diminished
  • Bb Augmented
  • Bb Major 7th
  • BbM7
  • BbM9
  • BbM9
  • Bb Minor 7th
  • Bbm7
  • Bbm7b5
  • Bbm7#5
  • Bbm9
  • Bbm7b9
  • Bb Dominant 7th
  • Bb7
  • Bb7b5
  • Bb7#5
  • Bb9
  • Bb7b9
  • Bb7#9
  • Bb13th
  • Bb Diminished 7th
  • Bbdim7
  • B
  • B Major
  • B
  • B
  • Bsus
  • Bsus2
  • B6
  • B6
  • B6/9
  • Badd9
  • B Minor
  • Bm6
  • Bm6
  • B Diminished
  • B Augmented
  • B Major 7th
  • BM7
  • BM9
  • BM9
  • B Minor 7th
  • Bm7
  • Bm7b5
  • Bm7#5
  • Bm9
  • Bm7b9
  • B Dominant 7th
  • B7
  • B7b5
  • B7#5
  • B9
  • B7b9
  • B7#9
  • B13th
  • B Diminished 7th
  • Bdim7