Single Lane Superhighway - Landscape

gistfile1.js

var svg = document.createElementNS( 'http://www.w3.org/2000/svg', 'svg' );
svg.setAttribute( 'width', 1000 );
svg.setAttribute( 'height', 200 );
document.body.appendChild( svg );

var path = document.createElementNS( 'http://www.w3.org/2000/svg', 'path' );
path.setAttribute( 'style', 'stroke: black; stroke-width: 1px; fill: none;' );
svg.appendChild( path );

var drawing = 'M 0 ' + ( Math.cos( position ) * 50 + 100 ) + ' ';

for ( var i = 0, l = 1000; i <= l; i += 20 ) {

	drawing += 'L' + i + ' ' + ( Math.cos( ( i / 2000 ) * 10 ) * 50 + 100 ) + ' ';

}

path.setAttribute( 'd', drawing );