Not logged in. · Lost password · Register
Forum: General Help and Support Plugins Plugin Wishlist RSS
Guitar Chord Diagrams
Avatar
Torkill #1
Member since Apr 2007 · 11 posts
Group memberships: Members
Show profile · Link to this post
Subject: Guitar Chord Diagrams
Hi

Wouldn't it be nice to have a Dokuwiki Chord Diagram plugin for guitar (or even for other fretted instruments too)?

The syntax could be very simple: A7:x-0-2-2-2-3 (See image below. And I can explain in more detail if someone is interested).

Or one could add more advanced optionality:

Add fingering (four fingers 1, 2, 3, and 4, or even thumb t) A7:x-0-2-2-2-3:x01112

Ideally, it would have syntax for chord tones too: A7:x-0-2-2-2-3:x01112:x-A-E-A-C#-G

Or even intervals

So thus the complete syntax could be something like this: A7:x-0-2-2-2-3:x01112:x-A-E-A-C#-G:x-1-5-1-3-b7

[Image: http://elgitar.com/_media/akkorder/testakkord1.png]

Even chord names could be optional.
Fret numbers: should be from 1 to 23, or if difficult from 0 to f, that is fifteen frets, so as to be able to display all inversions of a chord on a string set.
Optional fingerings: From 1 to 4, or 1 to 4 and thumb T
Optional chord tone text.
Optional interval: 1, b2, 2, b3, 3, 4, #4, b5, #5, b6, 6, bb7, b7, 7, b9, 9, 10, 11, #11, b13, and 13. This could be a graphical challenge. A chord like Cm9(#11b13) would demand three characters pr interval. One idea could be to have them as alt-text, or make the diagram wider (bigger distance between strings.
This post was edited 2 times, last on 2018-07-22, 18:57 by Torkill.
Avatar
Torkill #2
Member since Apr 2007 · 11 posts
Group memberships: Members
Show profile · Link to this post
An even more advanced idea would be to calculate the chord tones and intervals just from the input of the root note from the chord name (the A in A7:x02223), and from the given fret numbers, for instance by the use of some javascript music theory library like Tonal for instance: https://github.com/danigb/tonal

I'm not a programmer, so don't know if that is possible. Just an idea.

Edit: Found a javascript at Github (Guitar Chord SVG Diagram Generator) written by Andy Gock, that has implemented most of these things by using Tonal: https://github.com/andygock/chordy-svg

Here's an example of chords diagrams from this "Node JS module for generating guitar chord diagrams in SVG format": [Image: https://camo.githubusercontent.com/0c78b4e074291347a6256efc82f9df68b97f993c/687474703a2f2f616e6479676f636b2e6769746875622e696f2f63686f7264792d7376672f4331332d312d3878383961612e737667]
This post was edited on 2018-07-23, 11:23 by Torkill.
Avatar
apazureck #3
Member since Jul 2018 · 5 posts
Group memberships: Members
Show profile · Link to this post
Hi,

I am currently working on a plugin to get chord sheets for my band. I have a library to display the chords when you hover the mouse. But this works also when you "manually" add the chords.

The library is called jtab js, you can check out the chord syntax here:
http://jtab.tardate.com/

Maybe it is interesting. You can find my plugin on github for now, but I plan to publish a first draft the next days (I hope at least):

https://github.com/apazureck/dokuwiki-chordsheets

Let me know if it is useful, I am not doing a lot with that chord notation. For now I just implemented the chord notation:

For example:
%7/2.X/X.7/3.7/4.6/1.X/X[Bm7b5]
will be parsed to the matching chord/fretboard.

 But if you like it you can suggest a wrapper for the tab notation, then I'll implement that, too.
Avatar
apazureck #4
Member since Jul 2018 · 5 posts
Group memberships: Members
Show profile · Link to this post
Hi guys,

I published the plugin:

https://www.dokuwiki.org/plugin:chordsheets

So feel free to install it and give it a shot. Feedback very welcome. Please post it your issues on github and if I have time I'll try to adress them. Also Contribution very welcome.

Cheers
Close Smaller – Larger + Reply to this post:
Verification code: VeriCode Please enter the word from the image into the text field below. (Type the letters only, lower case is okay.)
Smileys: :-) ;-) :-D :-p :blush: :cool: :rolleyes: :huh: :-/ <_< :-( :'( :#: :scared: 8-( :nuts: :-O
Special characters:
Go to forum
Imprint
This board is powered by the Unclassified NewsBoard software, 20150713-dev, © 2003-2015 by Yves Goergen
Current time: 2019-06-17, 03:29:36 (UTC +02:00)