This example is a square wave. Adjusting the Number of Terms slider will determine how many terms are used in the Fourier expansion (shown in red). Move the mouse over the white circles to see each term's contribution, in yellow. You can also modify the function with the mouse.
Notice that the Fourier expansion overshoots the square wave at the edges, no matter how many terms are used. This is called the Gibbs phenomenon.
Click the Sound checkbox to hear the wave.