A two-dimensional spatial arrangement of the chromatic musical notes. Contrary to the traditional piano keyboard, this is a fully relative layout, equivalent intervals are always equidistant to each other.
The corresponding note is played by hovering over the keys, using the browser's Web Audio API. Use the selectors to specify the interval of adjacent notes in either dimension, and modify the tesselation pattern.
Project developed during D3 unconf 2016.
Updated missing url //unpkg.com/midiutils@0.0.4/src/MIDIUtils.js to //unpkg.com/midiutils@0.0.4/src/midiutils.js
https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.18.1/babel.min.js
https://cdnjs.cloudflare.com/ajax/libs/d3/4.2.0/d3.min.js
https://unpkg.com/midiutils@0.0.4/src/MIDIUtils.js