Stradella

Interactive accordion chords dictionary - version 1.2

Usage

	rotation: click to toggle 90 deg rotation clockwise
	background: click to toggle dark/light background
	lowest note: click to choose the lowest node name inside the octave ('->' = current chord root)

chord-selector chord selector, left to right:
- root note;
- chord type;
- buttons option (see below).

copy copy the selected chord to clipboard for sharing as a link
info display this info

Once selected the buttons composing the chord are highlighted with a blue background;
if an extra alternative position is found its buttons are highlighted with a red background;

the red background is also used when the original fingering does not fit the stradella keyboard and the extra alternative is the only possible button combination.

When hovering a button its note/chord name is diplayed, when clicking it a dialog will show up with more details.

Below the keyboard (to the right if rotated), the note list composing the chord is displayed in square brackets, sorted from the lowest note, in the range of one octave.
E.g. A 'maj9' with lowest-note = '-->' (current chord root):
[A,B,C#,E,G#] [Bbb,Cb,Db,Fb,Ab]

Configuration

To add/modify the chords names and symbols list you can edit the config.js file.

The file contains a comma separated list of name/value pairs (in double quotes '"') separated by a colon ':'. The value on the left of the ":" is the chord type name, e.g. "maj7" (NB: the root note is not specified), while on the right the chord buttons are found.

Any buttons combination composing a chord is represented as a space (' ') separated list of alphanumerical codes that specify the buttons position in the stradella bass system.
The first character in the code identifies the button row as follows:

r = root (B.S. "bassi")
c = third (B.S. "contrabbassi")
M = major chord
m = minor chord
7 = dominant seventh chord
d = diminished seventh chord

[B.S. = Bassi Sciolti = free basses]

The first button in the chord is identified by the row alone, as it sets the reference column (0) for all the others buttons.
All other buttons are identified by the row symbol and an optional column number that indicates the offset to the column of the first button.
If present the number must always include its sign:
'+' indicates that the offset is towards the top,
'-' that is towards the bottom.

Examples:

    "maj7" : "r m+4",
    "-7"   : "r M-3"  
    
(1) major 7 with B.S. root and minor chord 4 columns above
(2) minor 7 with B.S. root and major chord 3 columns below

If a chord has more alternative fingerings, they can be appended by a comma separated list of chord symbols

Examples with alternative fingerings:

    "-7"   :  "r M-3, c M+1",
    "-7b5" :  "r m-3, c m+1"

Developing

Source code: sourceforge.net/p/stradella
GNU General Public License GPL-3

Icons by Icon Fonts under CC-BY-3.0 license

Version	Date	Notes
1.2	2024-10-22	sort note list starting from lowest note, avoid enharmonic duplicates
1.1	2021-09-23	webkit rendering bug correction
1.0	2021-01-06	first release