{
const svg = d3
.create("svg")
.attr("width", 1024)
.attr("height", numbers.length * 16)
.attr("font-family", "sans-serif")
.attr("font-size", "10")
.attr("text-anchor", "end");
const bar = svg
.selectAll("g")
.data(numbers)
.join("g")
.attr("transform", (d, i) => `translate(0,${i * 16})`);
bar
.append("rect")
.attr("fill", "steelblue")
.attr("width", (d) => d * 10)
.attr("height", 15);
bar
.append("text")
.attr("fill", "white")
.attr("x", (d) => d * 10 - 3)
.attr("y", 15 / 2)
.attr("dy", "0.35em")
.text((d) => d);
return svg.node();
}