Hacer una onda programáticamente usando Javascript

Esto es lo que actualmente tengo http://jsfiddle.net/6GEfr/

Esto funciona pero quiero que sea como una ola. En lugar de una forma de ‘v’, debería parecer una onda real. ¿Cómo haces esto gradualmente?

var height = 0; setInterval(function () { $('#container').prepend('
'); height = (height == 100) ? -100 : height; }, 10);

mi css

 html, body, #outerContainer, #container { height:100%; } #outerContainer { display : table; } #container { display : table-cell; vertical-align:bottom; white-space:nowrap; } #container > div { width:5px; background:black; display:inline-block; } 

Solo usa Math.sin() para modelar la ola.

Ejemplo actualizado

 var i = 5, height = 0; setInterval(function () { $('#container').prepend('
'); i += 0.05; height = 50 * Math.sin(i) + 50; }, 10);

Si desea que la onda sea más suave, disminuya el valor de incremento y el ancho de los elementos. Aquí hay un ejemplo .