The following diagrams emphasize the chord tones of the three-notes-per-string positions in C major, giving an arpeggio exercise that aligns with the 3-notes-per-string exercises.
This also serves as an example of processing and styling stops in two ways within a single diagram. Each genrated position is filtered into separate chord and non-chord tones, labels are assigned to the chord tones only, and the lists are then remerged. Additionally, the CSS for the non-chord tones is tweaked to de-emphasize them. Thus, we see the entire 3-notes-per-string position while reading only the arpeggio that sits atop it.
Made with Picker.js.