const xScale = scaleTime()
	.domain([0, '2020-07')])
	.range([0, 1]);
	
  const yScale = scaleBand()
  	.domain(0, max(data, yValue))
    .range([0, height]);
  
  const g = svg.append('g')
  	.attr('transform', `translate(${margin.left},${margin.top})`);
 
  
  g.selectAll('rect').data(data)
  	.enter().append('rect')
  		.attr('y', d => yScale(yValue(d)))
  		.attr('width', d => xScale(xValue(d)))
  		.attr('height', yScale.bandwidth());
};


                     
render(data);

const render = data => {
	const margin = {top: 20, right:20, bottom: 20, left: 20};
  const xValue = d => d.date;
  const yValue = d => d.price;

  const xDomain = d3.extent(d.date);

  console.log(timeParse); 
  
  const xScale = d3.scaleTime()
    .domain(xDomain)
    .range([25, 555]);

  const xAxis = d3.axisBottom(xScale);

  const yScale = scaleBand()
      .domain(0, max(data, yValue))
      .range([0, height]);

  const g = svg.append('g')
      .attr('transform', `translate(${margin.left},${margin.top})`);


  g.selectAll('rect').data(data)
    .enter().append('rect')
      .attr('y', d => yScale(yValue(d)))
      .attr('width', d => xScale(xValue(d)))
      .attr('height', yScale.bandwidth());



}