{
const scaleLength = d3.scaleLinear().domain([0, 40]).range([0, 200]);
const scaleY = d3
.scaleBand()
.domain(d3.range(numbers.length))
.range([0, 300])
.paddingInner(0.05);
const gs = d3
.select("#viz")
.selectAll("g")
.data(numbers)
.join("g")
.attr("transform", (d, i) => `translate(${10},${scaleY(i)})`);
gs.selectAll("rect")
.data((d) => [d])
.join("rect")
.attr("height", scaleY.bandwidth())
.attr("width", scaleLength)
.attr("fill", "orange");
gs.selectAll("text")
.data((d) => [d])
.join("text")
.attr("dx", 5)
.attr("y", scaleY.bandwidth())
.attr("dy", -3)
.text((d) => d);
}