Skip to content

Guitar Diagram

Mangiola edited this page Jun 12, 2021 · 3 revisions

This script is used to generate fretboard diagrams. You can use it to display chords and scales for any fretted instrument. Unlike my other scripts, this one is meant to be as user-friendly as possible--no need to edit the code itself.

The note colors represent scale degrees. This is a very important distinction: these diagrams don't use letter notes (like C or E♭). This means you'll have to know a slight bit of music theory to really get use out of these diagrams. Scale degrees are preferred for multiple reasons:

  • It places an emphasis on moveable shapes rather than static chords.
  • Making a fretboard diagram for every variation of every letter chord would be a complete waste of time.
  • It's easier to write compound intervals.

Setup

  1. Download the zip from the releases page (don't extract).
  2. Right-click a note in Trilium and select import. Point to the zip.
  3. Make a new render note. Set the ~renderNote relation to the imported Fretboard HTML note.
  4. Add the #fretboardType attribute with one of the following values: single, wideSingle, list1, list2, list3
    • single: one basic fretboard that can be edited freely.
    • wideSingle: same as above but the diagram fills the width of the page.
    • list1, list2, list3: act as folders and will render any children fretboards. This view is read-only. The number represents how many rows are displayed.
Clone this wiki locally