I didn't end up finishing the project but created some fun visuals...
https://user-images.githubusercontent.com/42359/88242522-6bb...
https://user-images.githubusercontent.com/42359/88242530-724...
I got a basic page up that lets you draw Freboard shapes (and play sounds using Tone.js) declaratively:
<div class="pattern" data-notes="1, b3, 4^, 5, b7^, 8"></div>
Where the notes represent scale degrees and the caret is a string skip:https://intuitivemusic.com/fretboard.js/
Using a similar framework I also created a page where I attempted to make sense of saxophone fingerings (you can hold down on shapes to hear sounds):