step by step graphing of signal processing

Moving from left to right, a signal is generated from an oscillator and a noise generator. Then, the signals are combined and finally filtered using a bandpass and low-pass filter.

How it works

Using React Bootstrap and Redux, the UI was built to get all the users' inputs.
Web Audio API and Chart.js were used to present the audio and visual data.

Demo of Filter process