var m = [80, 80, 80, 80]; // margins
var w = 960 - m[1] - m[3]; // width
var h = 500 - m[0] - m[2]; // height

d3.json('eeg.json', function(error, data) {
  var min = d3.min(data), max = d3.max(data);
  var x = d3.scale.linear().domain([0, data.length]).range([0, w]);
  var y = d3.scale.linear().domain([min, max]).range([h, 0]);

  var line = d3.svg.line()
    .x(function(d,i) {
      return x(i);
    })
    .y(function(d) {
      return y(d);
    });

  var graph = d3.select("body").append("svg")
        .attr("width", w + m[1] + m[3])
        .attr("height", h + m[0] + m[2])
      .append("svg:g")
        .attr("transform", "translate(" + m[3] + "," + m[0] + ")");

  graph.append("svg:path").attr("d", line(data));

  var xAxis = d3.svg.axis().scale(x).tickSize(-h).tickSubdivide(true);
  graph.append("svg:g")
        .attr("class", "x axis")
        .attr("transform", "translate(0," + h + ")")
        .call(xAxis);

  var yAxisLeft = d3.svg.axis().scale(y).ticks(4).orient("left");
  graph.append("svg:g")
        .attr("class", "y axis")
        .call(yAxisLeft);
});