All examples By author By category About

micahstubbs

mic audio waterfall sonagraph

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.