Here is a web based music education tool that I wish existed
It is awesome that you can embed interactive Noteflight scores in a web page, like so:
<span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0" class="mce_SELRES_start"></span>
But for optimal music education results, I also want to be able to show that same example in MIDI piano roll view too. Imagine if the Noteflight embed included a pane that showed this:
The beauty of interactive interfaces is that your ears support your eyes and vice versa. However, any visualization scheme will work better for some concepts than for others. Standard Western music notation evolved over a long period of time to be human-readable, but it also evolved in a particular cultural context, one where harmony was mostly diatonic and rhythms were mostly simple. Notation became standardized before twelve-tone equal temperament did. The idea of starting with a diatonic scale and then modifying it with accidentals works fine for Mozart, but it is horribly awkward for chromaticism. Showing complex syncopation and polyrhythm is a headache in notation, and you can't represent swing at all.
The MIDI piano roll is less human-readable than notation, but vastly more flexible. You simply draw the notes where you want them. There's no need to calculate rests to fill silences, and no need to worry about accidentals. The standard was designed with 12-TET in mind, and chromatic music is actually easier to represent in MIDI than diatonicism. That said, the piano roll also has its own limitations. Like notation, MIDI presumes that pitches and rhythms are always going to be discrete. There is no good way to show notes fading in or out, and if you want blue notes or other microtones, you have to start with piano-key pitches and then modify them with the Pitch Bend parameter. Still, the piano roll is an extremely valuable interactive learning tool, because it's so discoverable through trial and error.
In a perfect world, you could have both notation and the piano roll visible on the screen at the same time, set up so that any change you made in one view would be instantly reflected in the other. Dorico is the first piece of software I know of to allow you to do that. Image via Robby Burns:
Here's a more complex example--image via David MacDonald:
Much as I love Dorico, it is desktop and iPad software only. If you want to reach music educators and students at massive scale, though, then you need to make tools that live in the browser. Noteflight has many limitations and shortcomings, but I still use it for everything, because the fact that you can make and listen to interactive scores from any device is such an enormous practical advantage. Who will be the first to make a browser-based embeddable Dorico-style score and piano roll editor? Noteflight? Dorico? Someone else? I would do it myself if I had the JavaScript chops, but sadly, I don't.
I have been involved in the design of some multiple simultaneous music visualization schemes. The Groove Pizza has both a radial grid and a linear grid:
<span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0" class="mce_SELRES_start"></span>
The aQWERTYon shows notes both on a pitch wheel of my own design and on the staff:
I also love Samuel Halligan's Pop-Up Piano, a Max for Live device that enables you to show MIDI notes on a staff, a pitch wheel, a piano keyboard, and a guitar fretboard. I have been using the piano and pitch wheel views for my recent Ableton Live musicology videos:
https://www.youtube.com/watch?v=Kif3ivrDLI0
I have no idea what the business case is for developing a notation/piano roll browser interface. I have no particular insight into the economics of music education software. I just know that multiple simultaneous representations of music make teaching and learning easier. Who wants to help me make this vision a reality?