Skip to content

UI for generating simple chord diagrams for guitar, bass and piano

License

Notifications You must be signed in to change notification settings

newlandsvalley/chord-editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

03eed3d · Jan 27, 2025

History

92 Commits
Sep 21, 2023
Oct 8, 2022
Sep 21, 2023
Oct 25, 2022
Dec 6, 2020
May 9, 2019
May 9, 2019
May 9, 2019
Apr 18, 2019
Oct 25, 2022
Apr 18, 2019
Jan 27, 2025
Jan 27, 2025
Jan 27, 2025

Repository files navigation

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