block by micahstubbs d2ddf168b76408d6fa64e2767b6b6460

mic audio waterfall sonagraph

Full Screen

an es2015 iteration on the block Waterfall display from microphone from @d3noob

this iteration also scales the width of the canvas to 960px with some css:

#canvas {
  width: 960px; 
  height: auto;
}

many thanks to d3 meetup friend _tungs_ for pointing me to the solution!


Small side project to play about with the idea of waterfall graphs. This drew on code from Jos Dirksen’s excellent page here.

Because it tries to access the microphone you will need to access it using https and to allow the use of the microphone.

index.html

lebab.sh

vis.js