Interactive 1‑D Convolution — D3.js
f(x)
Gaussian
Box
Triangle
Sinc (windowed)
σ / width(f)
g(x)
Gaussian
Box
Triangle
Sinc (windowed)
σ / width(g)
Shift t (slides g(−x+t))
Play
Pause
Samples
Normalize output
Tip: switch f/g shapes to see classic results (e.g. box*box → triangle, gaussian*gaussian → wider gaussian).
Signals and overlap (top): f(x) in blue, g(−x+t) in yellow. Green area shows integrand f(x)·g(−x+t).
Convolution (bottom): (f*g)(t). Red dot follows current t.