Music Theory Visualizer Banner

Music Theory Visualizer

See any scale or chord on a piano keyboard or a guitar fretboard, hear it at your own tempo, and export print-ready charts in your brand colors: diatonic chord packs, all-twelve-roots reference sheets, side-by-side comparisons, and a Circle of Fifths progression builder.

Instrument
Now showing

C Major (Ionian)

Notes: C D E F G A B C

CDEFGABCDEFGABC

Batch export: diatonic chords

Generate one SVG per diatonic chord (I, ii, iii, IV, V, vi, vii°) in the selected key, a full slide pack for a lesson in one click. Your browser may ask once to allow multiple downloads.
  • IC
  • iiDm
  • iiiEm
  • IVF
  • VG
  • viAm
  • vii°

Reference sheet PDF (all 12 roots)

Pick a scale type or chord quality and download a single PDF with one diagram per root (C, Db, D, Eb, E, F, F#, G, Ab, A, Bb, B), a printable cheat sheet for your students.
Type
Columns per page
Roots

Compare on one root

Pick a single root and any number of scales or chord qualities, and get a PDF that shows all of them on that same root (e.g. C Major, C Lydian, C Mixolydian on one page).
Mode
Pick scales to include

Circle of Fifths: build a progression

Click any wedge to add a chord to your progression (outer = major, middle = minor, inner = diminished), then press Play to hear it back at the tempo above. With a keyboard: arrow left/right moves around the circle, up/down switches rings, Enter adds the chord.
CAmGEmF#°DBmC#°AF#mG#°EC#mD#°BG#mA#°GbEbmDbBbmAbFmEbCmBbGmFDmCircle ofFifths
Your progressionClick chords in the circle…
Save progression
No progressions saved yet.
Pick an instrument, mode and root on the left; adjust range, labels and brand colors; use inversions to teach voice leading, or batch-export a full diatonic set for a lesson. Colors, presets and progressions are saved on this device.