let parseDate = d3.timeParse("%m/%d/%Y")
let data = [];

d3.csv("prices.csv",(d)=>{return{
  month: parseDate(d.month),
  price: Number(d.price.slice(1))
}
})
.then((d)=>{
  // console.log(d[0]);
  let height = 300;
  let width = 500;

  let max = d3.max(d,(el)=>el.price);
  let dateRange = d3.extent(d,(el)=> el.month);

  let yScale = d3.scaleLinear()
      .domain([0, max])
      .range([0, height]);

  let xScale = d3.scaleLinear()
      .domain(dateRange)
      .range([0,500]);

  let yAxis = d3.axisLeft(yScale)

  let xAxis = d3.axisBottom(xScale)

  let svg = d3.select("body").append("svg").attr("height","100%").attr("width","100%")
  let margin = {left:0, right:50, top:40, bottom:0};
  let chartGroup = svg.append("g").attr("transform","translate(0,"+height+")")
  let line = d3.line()
    .x((el)=>xScale(el.month))
    .y((el)=>yScale(el.price));
  chartGroup.append("path").attr("d",line(d))
})
.catch(function(error){
console.log(error);
})
