enable sound


volume 0.3


wave sine square sawtooth triangle


filter type lowpass highpass bandpass lowshelf highshelf peaking notch allpass

filter frequency 8000Hz

filter Q 1

filter gain 1


adsr attack 50ms

adsr decay 20ms

adsr sustain 0.75

adsr release 100ms

enable midi

select device

Spaghetti Tonnetz is a tonnetz diagram viewer built for browser in html5+css3+javascript using canvas html5 canvas element for graphics and the Web Audio API for sound.
The project was initially based on the p5.js and p5.sound open source libraries to handle graphics and sound, then moved to html5 api just for educational purposes.

This project is licensed under the GNU General Public License v3, the source code can be found here.

The software is built using:

• HTML5 + CSS3 + Javascript
• HTML5 Canvas - Render the graphics
• Web Audio API - Handle Audio generation with a simple Polyphonic Synthesizer
• webmidi.js - Web MIDI API helper [MIT License]
• Montserrat Project Font - Very cool font [SIL OFL v1.1]

Spaghetti Tonnetz - browser tonnetz visualizator. Copyright (C) 2020 Brilli Lorenzo