title: How to draw sine waves with SVG (+JS)?
body: <p>What would be the simplest solution to draw sine waves in SVG?
  I guess sine waves should be repeated in a simple loop with JavaScript... :)</p>
  
  <p>Here are the X-Y coordinates as a good start... :)</p>
  
  <p><a href="http://jsbin.com/adaxuy/1/edit">http://jsbin.com/adaxuy/1/edit</a></p>
  
  <pre><code>&lt;svg&gt;
    &lt;line x1="0" y1="250" x2="500" y2="250"
          style="stroke:black;stroke-width:1"/&gt;
    &lt;line x1="250" y1="0" x2="250" y2="500"
          style="stroke:black;stroke-width:1"/&gt;
  &lt;/svg&gt;
  </code></pre>