chart9 = {
const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]);
svg
.append("g")
.attr("fill", "steelblue")
.selectAll("rect")
.data(data)
.join("rect")
.attr("x", (d, i) => x(i))
.attr("y", d => y(d.y_value))
.attr("height", d => y(0) - y(d.y_value))
.attr("width", x.bandwidth());
svg
.append("g")
.attr("transform", `translate(0, ${height - margin.bottom})`)
.call(xAxis3);
svg
.append("g")
.attr("class", "y_axis")
.attr("transform", `translate(${margin.left}, 0)`)
.call(yAxis2);
svg.selectAll('g.y_axis line').style("stroke", "lightgray");
svg.selectAll('g.y_axis line').style("stroke-opacity", 0.7);
return svg.node();
}