This layout is based on Euler's Tonnetz. Shifting by one column multiplies frequency by 2^(4/12). Shifting down a row multiples frequency by 2^(7/12)
Keyboard svg modified from here.
This works best in Chrome, using a qwerty keyboard with n-key rollover.