https://scribbletune.github.io/johann/

Use scribbletune to generate guitar, piano and computer keyboard scales/chords/notes practice charts.
https://scribbletune.github.io/johann/

Last synced: 6 months ago
JSON representation

Use scribbletune to generate guitar, piano and computer keyboard scales/chords/notes practice charts.

• Host: GitHub
• URL: https://scribbletune.github.io/johann/
• Owner: scribbletune
• License: mit
• Created: 2017-12-01T15:07:22.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2023-03-04T02:29:34.000Z (over 2 years ago)
• Last Synced: 2025-04-28T18:44:46.262Z (6 months ago)
• Language: TypeScript
• Homepage: http://johann.scribbletune.com
• Size: 5.59 MB
• Stars: 57
• Watchers: 5
• Forks: 7
• Open Issues: 30
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-javascript-audio - scribbletune/johann - Generate chord & scale charts to practice - for guitar, piano and PC keyboard ([repo](https://github.com/scribbletune/johann)) (Music theory / Web MIDI API)

README

          
# Johann

Generate chords & scales to practice on your guitar, piano or computer keyboard!

[johann.scribbletune.com](http://johann.scribbletune.com)

---

This project is aimed at helping personal guitar, musical keyboard or computer keyboard music practice. It originates from a personal requirement for being able to put together a chart of notes to practice. This could be for a scale/mode or a chord across the instrument. Basically it helps you focus on the notes you wanna play and practice. For instance on a musical keyboard, you may want to just highlight the C Minor scale so that you can play over it. This little app will let you select the required root note and the scale to generate this:

![johann-piano-scale.png](./johann-piano-scale.png)

The same can be done for a triad. You can generate a sheet with just the notes of the C Minor chord to practice it's notes across the fretboard (or in this case the musical keyboard):

![johann-piano-chord.png](./johann-piano-chord.png)

The green dot is the root note and the blue dot is a note from the selected scale or chord.

The same can be done for guitars...

![johann-guitar.png](./johann-guitar.png)

and computer keyboards too!

![johann-keyboard.png](./johann-keyboard.png)

Demo: https://scribbletune.github.io/johann/#/

### Develop

Run `npm i`

Begin dev with `npm run dev`

Load http://localhost:8081 in your browser

Build with `npm run build`