newlandsvalley / chord-editor

UI for generating simple chord diagrams for guitar, bass and piano
MIT License
9 stars 3 forks source link
bass-guitar guitar-chords piano-chords

chord-editor

Provide a simple UI in order to generate chord diagrams like this:

chord-diagram-guitar

The idea comes after a late night conversation over a glass of whisky with felespiller Sturla Eide who needs something similar for his guitar teaching. He also needed similar patterns for bass guitar:

chord-diagram-bass

(Note that, in general, you don't play an out-and-out chord on a bass guitar - you tend to play an arpeggio through the chord which in turn means that very often more than one fret on the same string needs to be fingered. The black circle represents a primary fret position and the gray square a secondary one.)

There is also support for ukulele, tenor guitar and piano:

chord-diagram-piano

Try it out here.

To build

npm run build

and then navigate in your browser to /dist. The browser must support web-audio if you wish to hear the chord.

To test

npm run test