Note Display
The fretboard highlights notes in real time, giving you a visual map of what’s being played across the neck.
Visual Elements
The fretboard is rendered with realistic detail:
- Nut — wooden-textured band at the left (open string position)
- Neck — gradient wood background
- Strings — horizontal lines with thickness varying by string (thinnest at top = highest pitch)
- Frets — vertical lines (thicker at frets 12 and 24)
- Fret Numbers — above the neck (bold at marker positions: 3, 5, 7, 9, 12, 15, 17, 19, 21, 24)
- Inlay Dots — single dots at frets 3, 5, 7, 9, 15, 17, 19, 21; double dots at 12 and 24
Note Highlighting
Notes are shown as orange dots on the fretboard with different opacity levels:
- Active notes (currently playing) appear at 90% opacity with the note name displayed inside
- Assigned position (the preferred fret for that note) is shown at 85% opacity
- Alternative positions (other playable frets for the same note) are dimmed to 25% opacity
Sync With Other Views
The fretboard stays in sync with the piano roll and keyboard at all times:
- Play a note on the on-screen keyboard and the fretboard shows where that note sits on the strings
- Select a note in the piano roll and the fretboard highlights its fret position
- During audio playback, notes in the transcription light up as they pass through the playhead
Touch Interaction
Tap a fret on the fretboard to see the note name at that position.
Multiple Notes
When chords or multiple simultaneous notes are active, all of them are highlighted on the fretboard at once, so you can see the full chord shape.
Tip: Use this view while slowing down a solo to watch the fingering positions change note by note, then recreate them on your own instrument.