# Fourier Series interactive graph

By Murray Bourne, 17 Dec 2012

I recently developed an interactive Fourier Series graph that demonstrates how the series works.

Fourier Series are used in various branches of engineering to solve problems involving heat, acoustics, image processing and optics.

The basic idea of a Fourier Series is that we can decompose a periodic function into the sum of simpler sine and cosine curves. This was quite a revolutionary idea when French mathematician Jean-Baptiste Joseph Fourier proposed it as a solution for the heat equation in the early 19th century. His practical problem involved determining how heat is distributed through a metal plate.

Still image from interactive:

Fourier Series terms (in pink) and resulting sum (in blue)

We obtain the terms in the Fourier Series using integration. You can see the processes involved and some examples on this page: Full Range Fourier Series.

The interactive graph shows how the individual terms in the series (the sine or cosine graphs) and the result of adding those terms to some fundamental constant value.

The interactive includes 3 different Fourier Series examples.

## Geek info

I used JXSGraph to draw the graph, MathJax for the equations, and stitched it together using jQuery and other javascript.

The link again: Interactive Fourier Series graph

See the 2 Comments below.

20 Dec 2012 at 5:07 pm [Comment permalink]

What did you used to graph this?? I did try it in scilab, but unfortunately i wasn't able to make a code.

20 Dec 2012 at 9:11 pm [Comment permalink]

@April - I have amended the post so it now includes a mention of the technologies involved. Hope it helps.