i dusted off the (long) retired programmers part of my brain and cobbled up
an experimental fretboard diagramming gadget. it does what i need it to at the immediate moment but i'm sure i'll add stuff over time so if there is something you think it should do or doesn't do right just give me a reply.

right now it just has matched reciprocal tunings
but i'll add others. so if you have one you'd like to use just reply and i'll put it in.
it shouldn't take me long. i'll probably put a few additional ones in today so request one if you are interested in using it.

https://mike-hoegeman.github.io/fretboard_diagrammer/fretboard.html

https://mike-hoegeman.github.io/fretboard_diagrammer/fretboard_manual.html

Nice! 12-string Classic 6x6 please.

Would also love to set up an (eventual) off-line version of this.

A very neat idea Mike.

I took a different approach, with a different end in mind, & used some old manual html & css experience to make a series of static 'touchboard maps'. They were initially an aid to tuning experiments, but then the idea grew a bit...

They now include several standard tunings (I hope to add more) and some other peoples custom tunings too , including Rob Martino, Jeff Moen & Thierry Carpentier. I just added some non-Stick maps too, including Kai Kurosawa's 15 string, 3 zone Kūbo.

If you'd like to take a look, they can be found at http://www.david-wright.co.uk/music/touchboard_maps/

wish granted. 12 and 10 string classic 6x6 , 5x5 is there now

my website is stored and run from github

https://github.com/mike-hoegeman/mike-hoegeman.github.io

you can download it from github into a local directory on your computer
and run it from those files on your browser locally
there is a :

[Code V] => _download zip_

menu item on there to download the files with.

it works pretty will on an ipad also. you can use it on an phone too but it's a bit cramped

very nice for high level understanding of the fretboard / tunings out there.
as you said my goal was different. the gadget is more for making scale or chord diagrams with finger symbols like you see in the various ( excellent) instruction books out there.

i might add other functionality like chord /scale compendium libraries you can display or maybe even playing musescore xml files (that have the proper tabs) and displaying the fingering ( that dynamically . that last one would be a ways off though if i do it at all )

i'm open to feature suggestions

Great idea and implementation. About a month ago, I had a need to do some cheat sheets on scales and degrees for my self-education, and ended up doing up some python coding to visualize similar things via matplot library, from some descriptions like below:



Somewhat similar to what you are doing here.
Your tool has much better usability potential, and would be much better for that task than my half-baked no-GUI scripting.
But what is missing to achieve my task with your tool - is a possibility to write custom text within markers.

This functionality could extend ways to use your tool for some other things too - for example making exercise charts where you just enumerate exercise shape steps.


UPD.
Aaaand... it took me additional two minutes to find that labels are already in fact editable.

In that case the only additional thing I can suggest at the moment - is adding shades of grey to the colors list. It would be more friendly to printing diagrams with a regular office b&w laser printer for cheap.

that's a decent suggestion - would a color picker button next to the black button be sufficient ?
i might just make color picker the only button actually...

[quote="mike.hoegeman"]that's a decent suggestion - would a color picker button next to the black button be sufficient ? ]

I see two things to mention here:

Coloring is a pair of background+font color, so we might speak about two color pickers. (Not much of use for the greyscale I've asked for, I would be fine with just black font on top of grey, but could be abstractly nice if going for customized colors anyway)

And once you chose some color pair and applied it to some note, it should be somehow easy to consistently reapply the same colorings (which already exist in the diagram), without fine-dialing the same colors from the gradient color picker again for each new note.

the picker i am looking at has a fixed pallete with grays
along with a gradient picker or entering the color as hex numbers
and a set of custom colors you can assign to a mini pallet -

https://www.cssscript.com/custom-hex-color-picker/

i am inclined to just calculate
white or black for the text color of a symbol eg given the selected background color

https://hackmd.io/@Markdown-It/HJeV6339X

if that proves to be lacking i'll reconsider that

You have a nice keyboard shortcuts currently, that 1-2-3-4 and b-g-r-w-d for coloring. Seems like it really speeds up working with a tool.
May I hope that picked custom colors would be available the similar way? Like, q-w-e-r-t-y buttons are not binded yet for example.

P.S. Calculating font colors automatically seems pretty viable, color picker looks good, unless you have to dive into it for each note - mouse clicks and menu diving are much more time-expensive than keyboard shortcuts you have.

P.P.S

Another idea, cheap implementation, easy to use, without investing into bells and whistles.

Two selectable modes - colored and greyscale.
Coloring shortcuts moved from bgrwd to qwerty.

In color mode it would be colors as you already have, a bit harder to remember, but easier to reach, I mean physically, keyboard buttons are in one place not far away from each other.

In greyscale mode - just scale from white to black, with three shades of grey in between (I do not think I can distinguish more shades one from another)

If browser is good in catching pressing Shift, it even could be qwerty for colors and QWERTY for greyscale, instead of separate toggle