HIDE THIS
...Loading...

COLORS

SELECT COLOR
SPLITTED COLOR
(Last 2 selected)
(Last 3 selected)

HIGHLIGHT AREAS ON THE FRETBOARD:

SQUARES MODE

Activate Squares Mode to add squares on top of the fretboard, disable to edit the fretboard.

Fretboards Tuning Colors Layers Notation Scales
Octaver Root Sel. Transpose
Undo
Reset
Download SAVE LOAD
Instructions

FRETBOARD SETTINGS

FRETS

12

FRET WIDTH

70

FRET HEIGHT

30
ADD FRETBOARDS!

FRETBOARD STYLES:
FL

Fretboard indicators


Fretboard caption

TRANSPOSER

Transpose all the current layer:


Transpose only selected dots:

SAVE YOUR FRETBOARD

Store your fretboard on GuitarScientist.com.
You'll get a private link: keep it or share it with your friends and fans

YOU'LL FIND YOUR CREATION AT THIS LINK:
SHARE YOUR DIAGRAM WITH YOUR FRIENDS

TUNING

STRINGS

6

1° STRING

E

2° STRING

B

3° STRING

G

4° STRING

D

5° STRING

A

6° STRING

E

7° STRING

B

8° STRING

F#

9° STRING

C#

10° STRING

G#

11° STRING

D#

12° STRING

A#

LAYERS

EDIT LAYER 1

SHOW LAYER 1


EDIT LAYER 2

SHOW LAYER 2

NOTATION

Show note names

Show intervals


MODIFY NOTE NAMES
A#
C#
D#
F#
G#
MODIFY INTERVALS
b3
3
b5
b6
6

CUSTOM TEXT
(overwrites notation)

SCALE / ARPEGGIO GENERATOR



1 b2 2 b3 3 4 b5 5 b6 6 b7 7
LIMIT AREA (Leave default for full neck):

STARTING FRET

0

ENDING FRET

25

STARTING STRING

1

ENDING STRING

12

RECENT SAVINGS

This list is saved in your browser. If you delete your navigation history you will lose this list of links. You can download the list on your computer as a backup.

Instructions panel

INSTRUCTIONS

Move the cursor around and read related instructions here.

This project is brand new, and currently is fully tested only on GOOGLE CHROME, if you like Guitar Scientist please find us on facebook and tell your friends, thank you for your support.
If something doesn't work as expected, or you have comments or suggestions please write me at jay.fretboard.diagrams@gmail.com, or on the facebook page.

Fretboard settings

In this panel you can set size, styles and number of frets of the neck.

Frets number

This slider changes the number of frets of the neck.
You can freely set this parameter while editing your guitar diagrams, no dots will be deleted.

Strings number

This slider changes the number of strings of the neck.
You may want to set this parameter to 4 or 5 for bass diagrams, or even lower.

You can freely set this parameter while editing your guitar diagrams, no dots will be deleted.

Frets width / height

This slider changes the size of the frets.
You may want this big for diagrams with just some frets, or smaller for big diagrams.
Also you can set this to a big value if you want a bigger generated image.
You can freely set this parameter while editing your guitar diagram.

Frets width / height

This slider changes the size of the frets.
You may want this big for diagrams with just some frets, or smaller for big diagrams.
Also you can set this to a big value if you want a bigger generated image.
You can freely set this parameter while editing your guitar diagram.

Change tuning

Set the number of strings and the tuning.

The default values are for a 6 strings guitar, if you play standard 7, 8 or 9 strings guitar you just have to change the strings number.
If you play other stringed instruments you can set the number of strings up to 12 and work on the sliders to match your tuning. (Correct tuning is only needed to display the right note names and intervals)

Tuning sliders

Set the tuning of every string separately using the corresponding slider.
You will see as many sliders as the number of strings you set.

Color panel

Choose the color of the dots, and set custom text.

Colors

Select a color then click on the fretboard, the dots will have the color you selected.
The last square opens a full pallette.
To change the color of a dot, select another color and click on it.

Custom Text

If you need to write notes or intervals just activate the automatic notation function.
.
The text contained in this field will appear in the dots and overwrite the automatic notation.
Delete the text to place normal dots.

You can even copy/paste some fancy symbols like these: ♠ ♣ ♥ ♠.

Layers

You can edit 2 layers on the same fretboard. Layer 2 has square dots.

For example you can write/generate a scale with blue square dots on layer 2 and an arpeggio with yellow round dots on layer 1, then visualize them together and separately.

Write on all octaves at the same time

Cool function to write neck-wide arpeggios, scales and chords in a breeze.

You just click on a note and all instances on all octaves will be selected.
For example you can map all the A major triad positions on the entire fretboard with just 3 clicks, on A, C# and E.

Also you can use it to change the color of all the instances of a certain degree on your diagram.

Download as image

Click this button to create a .PNG version of your fretboard diagram. Then click on the download button that will appear, to start immediately the free download of your fretboard diagram.

No registration needed, the images are free for you to use for every purpose.

( If you feel you want to reciprocate, share this page :D )

Notation panel

Automatically show notes names or intervals inside the dots.

If you have used custom text, that will override this function.

Display Note Name

Show the notes names on the fretboard. Selected frets will have the note name into the dot.
If you use custom text, that will override the note name.

Display Interval Name

Show the degree names on the fretboard starting from the root note.
To select the root use the root selector.

Selected frets will have the degree name into the dot.
If you use custom text, that will override the degree name.

Note name FLAT / SHARP Selector

In certain situations you may prefer not to call "A#" a "Bb", so just click on these squares to toggle between the enharmonic equivalent notes names.

Degree Name FLAT / SHARP Selector

As for note names you shoudn't call "#4" a "b5", so just click on these squares to toggle between the enharmonic equivalent interval names.

If you feel you really need something unusual, like "bb3" or similar, you can use the custom text.

Root Selector

Intervals start from the 1° degree: to select it, activate this function, then click on the root fret.

UNDO

You can undo your latest three actions: Maybe you just clicked reset by mistake: click here, thank me later!

RESET

WARNING: This wipes out everything!

FRET INDICATORS

Hide the markers if your instrument is different, or if you are writing a shape you don't want to visualize on a specific fret.

FRETBOARD CAPTION

Add a caption to your diagram, it will also appear in the generated image.

Erase layer 1

Deletes all dots in layer one.

Erase layer 2

Deletes all dots in layer two.

Fretboard

Click on a fret to place a dot, click again to remove it.
Click on title and description to edit them.

Hide instructions

Click to close this panel.

Fretboard style

Click to change the color of the fretboard and strings.

GENERATE Scale

This function allows automatic generation of scales diagrams.
Enter a scale structure using the dropdown selector or select each interval for a custom structure, then click on generate scale.
To delete the generated scales use the "erase layer 1/2" buttons.
Note that the function will generate the scale on the selected layer, and starting from the current root, so make sure to select the right root note and the right layer.

Pro Tip: For example you can use this function to generate a blue scale on layer 2 and then a yellow triad on layer 1 to visualize them together.

A more extensive list of scale types will be added soon

TRANSPOSER

This function allows to transpose your notes.
Click on transpose up/down to transpose all the notes on the current layer, click on select dots to transpose only some dots.
Remember to deactivate the selector to edit the fretboard again

SAVE AND/OR SHARE

This function allows you to store your fretboard online.
You can keep the link for yourself or share it with whoever you like.

It's totally FREE and requires no registration.
(If you feel like you want to do something to support the project, please tell your friends about GuitarScientist.com)

DRAW SQUARES

Activate squares mode then click on a "add square" button to add a coloured square to the fretboard.
You can drag and resize the squares to highlight some areas of the fretboard.
Remember to switch squares-mode off to edit the dots again.

NEW FRETBOARD

Click on the logo to a new blank fretboard.

LOAD RECENT SAVINGS

If you saved some documents, you'll find them here

SELECTED FRETBOARD

This is the fretboard you are working on, here will have effect automatic generations like generated scales or transpositions.
You can select a fretboard by clicking on this pencil or by manually placing dots on it.

COPY FRETBOARD

Click on the copy icon then on another fretboard and the content of the first one will be copied on the destination fretboard.

MOVE FRETBOARD

Use this handle to drag and reorder your fretboards

ERASE FRETBOARD

This rubber deletes ALL the content of this single fretboard

Please share this tool with your friends:

Are you sure?

You are about to go to a new blank document
and lose all unsaved work.