trig 1, iteration 1

trig_01_01.js

var canvas = document.getElementById("canvas"),
    context = canvas.getContext("2d"),
    width = canvas.width = window.innerWidth,
    height = canvas.height = window.innerHeight;

var waveCount = 1,
    waveHeight = height / 2 - 10,
    res = 1;

context.translate(0, height / 2);
context.scale(1, -1);

context.beginPath();

for(var x = 0; x < width; x += res) {
  var i = x / width * Math.PI * 2 * waveCount,
      y = Math.sin(i) * waveHeight;
  context.lineTo(x, y);
  console.log(i);
}

context.stroke();