barras1 = {
const width = 700
const height = 200
const svg = d3.select(DOM.svg(width, height))
const arrayOfNumbers = [10, 15, 30, 50, 80, 65, 55, 30, 20, 10, 8]
svg.selectAll('rect')
.data(arrayOfNumbers)
.enter()
.append('rect')
.attr('x', (d, i) => i * 30 + 20)
.attr('y', (d) => height-d*2)
.attr('width', 20)
.attr('height', (d) => d*2)
.attr('fill', "DarkSlateGrey")
svg.selectAll('text')
.data(arrayOfNumbers)
.enter()
.append('text')
.text((d) => d)
.attr('x', (d,i) => i * 30 + 20 + 10)
.attr('y', (d) => height-d*2-2)
.attr('font-family','sans-serif')
.attr('font-size','14px')
.attr('text-anchor','middle')
return svg.node()
}