Vue Fretboard, is a web app based and continuation of notes-on-fretboard: is able to organize the studies on the superimpositions of scales and arpeggios fingerings by displaying vertically guitar fretboards. The production of guitar fretboards is derived from the precious library fretboard based on D3.js.Vue Fretboard is optimised to be responsive up to 550px so it can be used on smartphones only with a "desktop" visualisation. Guitar images courtesy of Pexels.
For a demo please go here.
- can display fingerings according to tuning, root, scales or arpeggios
- labels with notes'names or degrees
- Modal interchange table
- Circle of Fifths (sort of.. a table representation)
- Chord progressions
- can merge scale/arpeggios to have a graphical comparison of the notes in common and distint on each scale.
- can play guitar scales and chord progressions via soundfont-player
- responsive svg fretboards
- draggable fretboards
- Italian and English localisations
- HTML5
- Vue.js 2
- Bootstrap 4 & Bootstrap Vue & Pulse theme by Bootswatch
- Font Awesome
- D3.js
- Vuelidate
- vue-i18n
- soundfont-player
- tonal
This project is licensed under the MIT License.