Generating Guitar Chord Diagrams
Jun
14
2009
One day I wanted to add a feature to Guitar Unleashed which exists in some of the better guitar tab sites. When a user hovers over a chord, they are shown a diagram representing the guitar fret with overlaid finger positions required to produce this chord.
Many of the most popular sites do this by showing a crude, plain-text representation of the chord. For example, a C chord is shown as follows: