Chord Diagram
Guitar chord diagrams with fingerings and voice leading.
No watermarkFree & unlimitedWorks offline
How to use
- Click fret intersections to place/remove finger dots
- Click above strings to cycle: open (O) / muted (x) / none
- Use the Library button to load common chord shapes
- Enable "Finger Numbers" then click dots to assign 1-4 fingering
- Change start fret for higher-position chords (barre chords)
- Click "Strum Chord" or individual notes to hear the chord
- Barre chords are indicated with a curved bar across strings
- Export as high-res PNG or SVG for print or sharing
All processing happens in your browser. No data is sent to any server.
About this tool
- 1
Select instrument
Choose guitar or ukulele.
- 2
Pick chord or build custom
Select a chord from the library or place dots manually.
- 3
Customize
Set fret range, labels, and diagram style.
- 4
Export
Download the chord diagram as an image.
- X means the string is not played. O means it's played open (no finger).
- Barre chords are shown with a line across multiple strings.
- Practice switching between 2-3 chords until transitions are smooth.
- Guitar & ukulele
- Chord library
- Custom diagrams
- PNG export
- Fret range
- Create chord diagrams for song sheets.
- Build custom chord charts for teaching.
- Reference chord fingerings while practicing.