wustep/juxtamidi

🎹 Pinpointing Mistakes in MIDI Practice Recordings

Welcome to the homepage of our Data Visualization (CSE5544) term project: JuxtaMIDI -- a tool to compare and contrast MIDI recordings.

Project Links

• Proposal
  • PDF
  • Release Page
  • Source Code
• Prototype
  • Dashboard (See Sample MIDI Files Section for samples)
  • Release Page
  • Source Code
• Production
  • Dashboard (See Sample MIDI Files Section for samples)
  • Release Page
  • Source Code
• Final Report
  • PDF
  • Release Page
  • Source Code

Sample MIDI Files

• Mario Theme
• Mario Theme with Minor Errors
• Mario Theme with Major Errors

Tools

• D3.js - Data visualization library
• MIDIParser - Turning MIDI files into JSON inputs
• Fontello / FontAwesome 4.7.2 - Icons for MIDI file input pane
• Tippy.js - Tooltip Library
• midiplayer.js - MIDI event playback
• Soundfont-plalyer.js - MIDI soundfont player