Very cool! This reminds of an experiment[0] I made a while back for an alternative pattern composing interface based on the book 'The Geometry of Musical Rhythm: What Makes a "Good" Rhythm Good?' by Godfried Toussaint.
I love it! I think the interface is very educational, but the sound comes out a little bit distorted, at least on my PC. Check the one I used, salamander kit https://sfzinstruments.github.io/drums/salamander awesome work!
Odd. It was something I built in an afternoon and it works for me, but I don't really understand Web audio stuff so there's probably something I'm doing wrong.
Making sound sound nice on every device is so difficult, that is why Mastering is so important. But in this case, you'll probably be ok just reducing the volume of the sounds you are playing, and let the user turn the volume up if they want to hear it. I had my volume about 35% and it was still very loud, so that makes me think about maybe you need to reduce the gain a little bit. But great work nevertheless!