Interactive Guitar Fretboard Visualizer

Interactive Demo - C Major Scale

• 悬停音符查看相同音符高亮
• 点击选择音符,Ctrl/Cmd+点击多选
• 拖拽选择多个音符
• 按 'g' 创建分组,按 'Escape' 清除选择

3
4
5
6
7
1
2
3
6
7
1
2
3
4
5
6
2
3
4
5
6
7
1
2
5
6
7
1
2
3
4
5
7
1
2
3
4
5
6
7
3
4
5
6
7
1
2
3
0
1
2
3
4
5
6
7
8
9
10
11
12
提示: 按 G 键创建分组 | 按 ESC 清除选择
音符分组:
C Major Shape 1(3)
C Major Shape 2(3)
C Major Shape 3(3)

Cm Chord

E
G
C
E
C
E
G
E
G
C
E
G
C
E
G
C
E
G
C
E
G
C
E
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
提示: 按 G 键创建分组 | 按 ESC 清除选择

F7 Chord

F
A
C
F
A
C
F
A
F
A
C
A
C
F
A
C
F
A
C
F
A
C
F
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
提示: 按 G 键创建分组 | 按 ESC 清除选择

BbM7 Chord

F#
B
D#
F#
B
D#
F#
B
D#
F#
B
D#
B
D#
F#
B
D#
F#
B
F#
B
D#
F#
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
提示: 按 G 键创建分组 | 按 ESC 清除选择

EbM7 Chord

E
G#
B
E
B
E
G#
B
E
G#
B
E
G#
B
E
G#
B
E
G#
B
E
G#
B
E
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
提示: 按 G 键创建分组 | 按 ESC 清除选择

Chord

E
A
C#
E
A
C#
E
A
E
A
C#
E
A
C#
E
A
C#
E
A
C#
E
A
C#
E
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
提示: 按 G 键创建分组 | 按 ESC 清除选择

D7 Chord

F#
A
D
F#
A
D
F#
A
D
F#
A
D
A
D
F#
A
D
F#
A
F#
A
D
F#
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
提示: 按 G 键创建分组 | 按 ESC 清除选择

Gm Chord

G
B
D
B
D
G
B
D
G
B
D
G
B
D
G
B
D
G
B
G
B
D
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
提示: 按 G 键创建分组 | 按 ESC 清除选择

Cm Chord

G
A#
C
D#
G
A#
C
D#
G
A#
C
D#
G
A#
C
D#
G
A#
C
D#
G
A#
C
D#
G
A#
C
G
A#
C
D#
G
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
提示: 按 G 键创建分组 | 按 ESC 清除选择
音符分组:
Group 1(3)
Group 2(3)
Group 3(3)

A Minor Scale (Vertical)

5
b6
b7
1
2
b3
4
5
1
2
b3
4
5
b6
b7
1
4
5
b6
b7
1
2
b3
4
b7
1
2
b3
4
5
b6
b7
2
b3
4
5
b6
b7
1
2
5
b6
b7
1
2
b3
4
5
0
1
2
3
4
5
6
7
8
9
10
11
12
提示: 按 G 键创建分组 | 按 ESC 清除选择

E7 Chord (Left Handed)

E
G#
B
B
D
E
G#
B
D
D
E
G#
B
D
E
E
G#
B
0
1
2
3
4
5
6
7
提示: 按 G 键创建分组 | 按 ESC 清除选择

D Dorian Mode

2
b3
4
5
6
b7
1
2
b3
4
5
6
b7
1
2
b3
4
5
6
b7
1
2
b3
4
5
6
b7
1
2
b3
4
5
6
b7
1
2
b3
4
5
6
b7
1
2
b3
4
5
6
b7
1
2
b3
4
5
6
b7
1
2
b3
4
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
提示: 按 G 键创建分组 | 按 ESC 清除选择

Custom Color Scheme

F#
A
C#
F#
A
A
C#
C#
F#
F#
A
1
2
3
4
5
6
7
8
提示: 按 G 键创建分组 | 按 ESC 清除选择