scatter1 = {
const outersvg = d3.select(DOM.svg(width + margin.left + margin.right,
height + margin.top + margin.bottom))
const svg = outersvg.append('g')
.attr("transform", "translate(" + margin.left + "," + margin.top + ")")
xScale.domain([0, d3.max(dataset, d => d[0])])
.range([0, width])
yScale.domain([0, d3.max(dataset, d => d[1])])
.range([height, 0])
svg.selectAll("circle")
.data(dataset)
.enter()
.append("circle")
.attr("cx", d => xScale(d[0]))
.attr("cy", d => yScale(d[1]))
.attr("r", 4)
.on("mouseenter",function(){
d3.select(this).attr("fill","red")
})
.on("mouseout",function(){
d3.select(this).attr("fill","black")
})
svg.append("g")
.attr("transform", "translate(0," + height + ")")
.attr("class", "x axis")
.call(xAxis)
svg.append("text")
.attr("transform", "translate(" + (width/2) + "," + (height + margin.bottom) + ")")
.attr("class", "label")
.text("Eixo X")
svg.append("g")
.attr("class", "y axis")
.call(yAxis)
svg.append("text")
.attr("class", "label")
.attr("transform", "rotate(-90)")
.attr("y", 0 - margin.left)
.attr("x",0 - (height / 2))
.attr("dy", "10")
.text("Eixo Y")
return outersvg.node()
}