Barley Yield Animation - Data Check

forked from ansuarez9's block: FEM: Exercise 2

forked from jrzief's block: Barley Yield Animation & Transitions

}
  
  d3.csv('barleyfull.csv', function(err, response) {
    response.forEach(function(d) {
      // convert yield and year from string to int
      d.year = +d.year;
      d.yield = +d.yield;
      // use gen and site as the unique key for each datum
      d.key = d.site + ':' + d.gen;
    });
    console.log('Response: ', response);
    
    // set domain on the scales
    var xDomain = response.map(function(d) {return d.site});
    console.log('xDomain: ', xDomain);
    
    xScale.domain(xDomain);
    console.log(xScale.domain());
    
    var yDomain = d3.extent(response, function(d) {return d.yield});
    yScale.domain(yDomain);
    console.log(yScale.domain());
    
    var xAxis = d3.axisBottom().scale(xScale);
    var yAxis = d3.axisLeft().scale(yScale);
    
    svg.append('g')
    	.call(xAxis);
    
    svg.append('g')
    	.attr('transform', `translate(${margin.left}, 0)`)
    	.call(yAxis);
    
    var startYear = 1927;
    var numYears = 9;
    var index = 0;
    
    update(response, startYear);
      
    
   // setInterval(() => {
   //   update(response, startYear + (index % numYears));
   //   index += 1;
  //  }, 2000);
  });
</script>

https://d3js.org/d3.v4.min.js