Color coding
Light green: consonant, mellow, or lush/Rich sound, with typically a minor quality
Light blue: Jazzy, complex, sophisticated
Purple: Suspended and/or dominant chord, tense/open sounding quality
Red: Dissonant
Grey: Neutral or ambiguous, mixed sound
Yellow: Basic major chord, open and intense/lively/energetic
Light orange: open and pleasing sound, with a distinct major quality
Please note M stands for major in all cases, so EM13 for example wouid be a Emaj13 chord
Note: for some chords there are more variants but the most resonant one is selected in the chart (or put at the top if they sound slightly different)
Related chords and chords with similar tonality are placed together

Intervals:
You can use the top 2 strings for the chords if you want to add more complexity/tension to the chord
F7 Shape, can be moved up the fretboard to positions (1st/E String) 1(as per the image), 3, 5. 6, 8, 10, 12 to create a beautiful sounding harmony/tension | F#maj7 shape | Em9 shape |
Fmaj, can be moved up the fretboard to positions 1, 3, 5, 6 (dissonant), 7 (tense), 8, 9 (tense), 10, 12 (jazzy) | G#min7 | E6sus2 shape |
FM7sus2, can be moved up the fretboard to positions 3, 4, 6, 8, 11 to create a tense, major harmony or to build tension | Gmaj | G+add5 |
Emadd9/Em7add9 | B7sus4#5 |
this list does not include Augmented and Diminished chords