Create Free Guitar Diagrams Online
THIS WEBSITE WILL GO OFFLINE ON APRIL 14, 2022! (For real)
It's been five years of honoured service for this little app, but it is time for it to retire and give way to the new editor, which is better in every way.
The new version has been online for more than one year, it is fully tested and developed, with many more features and upgrades, and a lot more to come.
All of your existing diagrams can be imported in the new editor, where you will only have to save them and they will be safely stored on your profile.
You will also be able to edit them as many times as you want, no more random links and making copies each time you want to make a change.
The new platform has a messaging system and you can message me if you have any troubles importing your diagrams or getting used to the new app.
Try the new editor
Close this message
COLORS
SELECT COLOR
SPLIT 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
Download
SAVE
LOAD
Instructions
FRETBOARD SETTINGS
FRETS
FRET WIDTH
FRET HEIGHT
ADD FRETBOARDS
FLIP FRETBOARDS
FRETBOARD STYLES:
Fretboard indicators
Fretboard caption
TRANSPOSER
Transpose all the current layer:
Transpose only selected dots:
SAVE YOUR FRETBOARD
This function will store your diagram on GuitarScientist.com.
You'll get a unique link to this page: keep it for yourself or share it with your friends and fans
I've read and I agree with the terms of use.
YOU'LL FIND YOUR CREATION AT THIS LINK:
SHARE YOUR DIAGRAM WITH YOUR FRIENDS
JOIN OUR COMMUNITY:
Looking for a place where to share your creation?
Join our facebook guitar scientists community, and freely share and learn from other guitarists.
TUNING
STRINGS
LAYERS
EDIT LAYER 1
SHOW LAYER 1
EDIT LAYER 2
SHOW LAYER 2
NOTATION
Show note names
Show intervals
MODIFY NOTE NAMES
MODIFY INTERVALS
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
ENDING FRET
STARTING STRING
ENDING STRING
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
GUITAR SCIENTIST HAS A NEW POWERFUL VERSION: GO TO THE NEW EDITOR
Move the cursor around and read related instructions here, or open the tutorial.
If you really like GuitarScientist you can support its development with a donation:
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.
Split color currently not supported by Firefox.
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
Are you sure?
You are about to go to a new blank document
and lose all unsaved work.