Previous ☜ Navigate through the DSP pages ☞

The DSP Pages

sine wave

Web pages that exploit JavaScript to do animated explanations.


Some of the features of these pages (namely “canvas” and “slider”) are new in HTML 5. Your browser must be up-to-date. By slider, I mean a GUI control that you drag back and forth to set a number. If it is rendered like this


you are OK. (This one is just a picture, it won’t actually work.) If the blue knob is missing and there is just a text field to type in, a lot of the interactivity of the Web page will be missing.

Brief Explanation

These web pages illustrate graphically some of the interesting ideas in digital signal processing. The basic idea is that they follow a plan, and you go through them from first to last, using the links at the top or bottom of the pages. This is a good idea if you haven’t seen them before.

But you can also visit them in arbitrary order. In the section below, there are links for each page, so you can jump to them directly.

Navigate Yourself


Although this set of pages comprises a linear narrative, at each page we could turn off toward a multitude of related topics. Perhaps this set of Web pages will eventually more resemble a tree than a line! Of course, eventually the large-scale connectivity would be web-like. This is just a start a getting the simple things illustrated. Each page is self-contained, and most code is open and non-obfuscated, so inquiring minds can inspect the programming and learn further. One thing such minds will learn is that my CSS skills are rudimentary! The page layouts are more ad-hoc, versus the better-factored JavaScript code. Advice is welcome.

See Also

Previous ☜ Navigate through the DSP pages ☞