Notation Map

picaq / notation-map

• Uses React and vexflow to generate Scientific pitch notation (Wikipedia)
• View it here: Notation Map
• Lower case b for flats, and # for sharps
• Accidental symbol buttons can also modify the input
• r key or the random button will randomize notes
• esc key deletes and focuses on input field

Todo

• index diatonic notes to an array
  • allows arrow keys to move through staff
  • additional arrays for different key signatures? maybe?
• flats and sharps as floats? (or different array)
• cache note svg before redrawing
• set note ranges for instruments
  • highlight top and bottom notes at the edge of range
• link to physical instruments: image map? svg? buttons?
• For fun: pitch standard slider and frequency calculation