The Fourier Series

Experiment with harmonic (Fourier) synthesis with this Java applet! The sliders represent the levels of the first eight harmonics in the harmonic series. The second harmonic is twice the frequency of the first, the third is three times that of the first, and so on. The graph shows one cycle of the resulting waveform.

If you had a Java-equiped browser, you'd see as applet here that looks like this.

Press the Sawtooth button to get an eight-harmonic approximation of a sawtooth waveform. A sawtooth waveform contains all harmonics; the second harmonic is one-half the level of the first, the third harmonic is one-third the level of the first, and so on. (Continuing the series yields a more accurate sawtooth.)

Similarly, press the Square button for a square-wave approximation. A square wave is made of only odd-numbered harmonics, in the same relationship as those of the sawtooth.

One way of looking at this is that the sliders represent the frequency domain of a waveform (the level of its frequency components—how we hear), and the graph represents its conversion to the time domain (the signal as it is routed through audio equipment and speakers, only to be converted back to the frequency domain by our ears!).

Note: Component tracking current differs in various Java interpreters. If the sliders stick as you drag when the mouse cursor moves away from the slider track, you'll have to try to stay within the track area when you operate the sliders. Also, if you have this problem, you'll need to click on the red slider handle to update the graph if you didn't release the mouse button within the slider's track. This is a quirk of some Java implementations (it's a known Netscape bug, for instance); I hope to find an adequate solution to this, or complain like heck until everyone does it right.

Created Nov 14, 1996