The Geometry of Groove

An interactive look at guitar voice-leading, fretboard spatial geometry, and the small physical shifts that help create smooth jazz and blues transitions.

Fretboard Geometry & Invariant Motion

The guitar fretboard is a two-dimensional grid where pitch maps geometrically across strings and frets. When playing a I-IV-V progression, large physical movements across the neck are often unnecessary. Standard tuning creates a repeating geometric pattern of perfect fourths between adjacent strings, except for the major-third interval between the G and B strings. This repeating pattern allows related chord tones to appear in compact, recognizable areas of the fretboard. Each fret also shortens the vibrating length of a string by the same ratio, roughly the twelfth root of two, which is why the physical spacing between frets narrows as you move up the neck even though the interval relationships between notes stay identical wherever the pattern is placed.

In a compact E7-to-A7 guide-tone voicing, the two important chord tones can each move by a single fret: E7's G♯ (the 3rd) moves down to G (the 7th of A7), while D (the 7th of E7) moves down to C♯ (the 3rd of A7). The harmony changes, but the individual voices travel only a small physical distance.

From Open Chords to Shell Voicings

Guitarists often learn full six- and five-string chord shapes first: E7, A7, B7, full barre chords, and variations of those shapes up and down the neck. These shapes are useful and dependable, but they are not always the most direct way to hear individual voice-leading relationships. Shell voicings offer a more focused alternative by emphasizing the notes that most clearly define a seventh chord's identity.

A basic shell voicing focuses on the root, 3rd, and 7th. The 5th is often omitted because, in many seventh-chord contexts, it contributes less information about chord quality than the 3rd and 7th. With fewer notes to manage, shell voicings make it easier to identify and control small movements between important chord tones. This is part of why shell voicings show up so often in jazz guitar comping: in a group setting, a bassist or pianist is frequently already covering the root and 5th, which leaves the guitarist free to concentrate on the two notes that carry most of the chord's harmonic color.

🎸 Interactive Chord Diagrams: Shell Voicings to 9th Chords

Each diagram shows a compact guitar voicing. Press “Show 9th” to reveal the added 9th and its position relative to the shell voicing.

E7 Shell → E9

Strings 5–2 • frets 6–9
5 A 4 D 3 G 2 B 6 7 8 9 R 3 7 9

E7 = E–G♯–D. E9 adds F♯ as the 9th.

A7 Shell → A9

Strings 5–2 • compact A7 shell with optional open B 9th
5 A 4 D 3 G 2 B 4 5 6 7 R 7 3 5 9

A7 = A–C♯–G. A9 adds B (the open 2nd string) as the 9th.

Figure 1: Compact guitar voicings illustrating shell-chord structure and the addition of a 9th. Created by coded SVG. Work by Kofi Mason, 2026.

Guide Tones: The Hinges of the Progression

If shell voicings are the basic shape, guide tones are what make the movement between those shapes work. In a dominant 7th chord, the 3rd and 7th are especially important because together they strongly identify the chord's quality. They can also create smooth connections to the guide tones of nearby chords.

In an E blues, the relationship is especially clear when the guide tones are placed on adjacent strings. E7 contains G♯ and D, while A7 contains G and C♯. In the compact voicing used in the interactive map, G♯ moves down one fret to G and D moves down one fret to C♯. The chord changes substantially, but both important voices move only a small physical distance.

This is one reason guide-tone thinking can make jazz and blues comping sound connected. Instead of treating every chord as an entirely new shape, the player can track where two important notes need to move while keeping the rest of the hand relatively stable. Guide-tone lines are also sometimes practiced on their own, apart from full chord shapes, because hearing just the 3rds and 7ths move from chord to chord makes the underlying harmonic motion of a progression easier to recognize by ear.

📊 12-Bar Guide-Tone Fretboard Map

Scrub through the 12-bar blues to see the 3rd and 7th of each dominant chord. The map focuses on strings 4–2 (D, G, and B) and uses the D and G strings for the two primary guide tones.

Bar 1: E7
1 2 3 4 5 6 7 8 9 10 11 12
5
6
7
8
9

Bar 1 — E7: G♯ is the 3rd and D is the 7th.

The next chord is A7. Move the guide tones down one fret: G♯ → G and D → C♯.

Select or play a bar to hear and see the guide-tone movement.
Figure 2: Interactive chart of guide-tone movement across a 12-bar blues progression in E, built with a coded fretboard model and the Web Audio API. The displayed fret positions correspond to actual notes on the D and G strings. Work by Kofi Mason, 2026.

Partial Barres and Efficient Fingering

The other part of this approach is the partial barre: using one finger to cover two or three adjacent strings instead of all six. Partial barres can make compact voicings easier to hold and can help the player keep important chord tones close together. A partial barre is usually formed by flattening one finger, often the first or third, across two or three adjacent strings, which frees the remaining fingers to reach whichever guide tone or added color note the voicing calls for. When partial barres, shell voicings, and guide-tone movement are used together, chord changes that might otherwise involve larger movements can often be played from nearly the same hand position.

The goal is not to suggest that full barre chords are inefficient. Full chords remain useful for their complete sound and consistency. Instead, partial and shell voicings give the player another option: they make it easier to isolate the individual voices that are doing the harmonic work.

🔊 Audio Demonstration: Block Chords vs. Guide-Tone Motion

The first example plays full four-note versions of E7, A7, and B7 as separate block chords. The second focuses on the two guide tones and demonstrates the smaller movements between them.

Audio Example: A comparison between complete dominant-seventh chord sounds and compact guide-tone movement, synthesized live in the browser with the Web Audio API (no external samples used). Work by Kofi Mason, 2026.

Why Interactivity Matters Here

Static chord diagrams are useful, but they only show one position at a time. Voice-leading is about what happens as you move from one position to the next, which is harder to communicate with a single printed diagram. The interactive fretboard chart lets you follow guide-tone movement through the full 12-bar form, while the audio example lets you hear the difference between complete chord voicings and the smaller movements of individual voices.

The chord diagrams then break the idea back down into individual hand positions. Together, the visual and audio elements connect an abstract idea from harmony theory to the physical experience of moving across a guitar fretboard.

Conclusion

The goal of this project is not to pile more theory onto a guitarist's practice routine. It is to connect the theory to something physical and easy to hear. Once the fretboard starts to look like a set of connected positions instead of a collection of unrelated chord shapes, blues and jazz harmony become easier to navigate.

The same voice-leading principle can be applied across different keys and positions, even though the exact fingering changes with the fretboard location and tuning. Thinking about the guitar this way makes voice-leading less of an abstract theory concept and more of a practical part of playing.