var svg = d3.select("svg")

/*
 sample row
 num,date,time,bsl,id,u1,u2,u3,u4,u5,u6,u7,u8,u9,u10,u11,u12
 "165","02/02/2016","08:26:20","15.76","JBHPR012","2","10","-1","0","1","","601","3","","","1","0"
*/

d3.csv("sugars.csv", function(error, data) {
  if (error) throw error;
 
  data = csv_preprocessor(data)
  draw_graph(data);
  
});

function csv_preprocessor(data){
  
  
  return data
}

function draw_graph(data){
  
  var g1 = svg.append("g")
  var circle = g1.selectAll('circle').data(data);
  
  var circleEnter = circle.enter().append('circle');
    
  circleEnter.attr("cx", function(d, i){return i*12;})
  circleEnter.attr("cy", function(d, i){return d.bsl*4;})
  circleEnter.attr("r", function(d, i) {return 3})
  circleEnter.style({fill: "#002200"})
  
  data.forEach(function(d){
    
    console.log(d.time);
  });
  
  
}