exercicio2 = {
const outersvg = d3.select(DOM.svg(svgwidth + margin.left + margin.right,
svgheight + margin.top + margin.bottom))
const svg = outersvg.append('g')
.attr("transform", "translate(" + margin.left + "," + margin.top + ")")
svg.selectAll('circle')
.data(countries)
.enter()
.append('circle')
.attr('cx', d => xScale(d.fertility))
.attr('cy', d => yScale(d.life_expect))
.attr('r', 5)
svg.append('g')
.attr("transform", "translate(0," + svgheight + ")")
.call(xAxis)
svg.append('g')
.call(yAxis)
svg.append("text")
.attr("transform", "translate(" + (svgwidth/2) + "," + (svgheight + margin.bottom) + ")")
.style("text-anchor", "middle")
.attr("font-family", "sans-serif")
.attr("font-size", "12px")
.text("Fertility");
svg.append("text")
.attr("transform", "rotate(-90)")
.attr("y", 0 - margin.left)
.attr("x",0 - (svgheight / 2))
.attr("dy", "1em")
.style("text-anchor", "middle")
.attr("font-family", "sans-serif")
.attr("font-size", "12px")
.text("Life Expect")
return outersvg.node()
}