{
let barChart = d3.create("svg")
.attr("id", "bar-chart-8")
.attr("width", chartDimensions.svgWidth)
.attr("height", chartDimensions.svgHeight);
let lineGroup = barChart.append("g")
.attr("transform", `translate(${chartDimensions.margin.left}, ${chartDimensions.margin.top})`);
var bars = barChart.selectAll(".bar").data(shortageByState);
bars = bars.enter().append('rect');
bars
.classed('bar', true)
.attr('width', 20)
.attr('height', 300)
.attr('y', function(d){return yScale(d.value)})
.attr('x', function(d,i){return xScale(i)});
bars.exit().remove();
return barChart.node();
}