{
const width=1080;
const height=360;
const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]);
var arrayLength = helloDataset.length;
for (let i = 0; i < arrayLength; i++) {
const lat = helloDataset[i].lat
const long = helloDataset[i].long
const hello = helloDataset[i].hello
var g = svg.append("g");
g
.append("circle")
.attr("cx", function(d) { return projection([long,lat])[0] })
.attr("cy", function(d) { return projection([long,lat])[1] })
.attr("r", 3)
.style("stroke", "black")
.style("fill", "white")
g.append("text")
.attr("x", function(d) { return projection([long,lat])[0] })
.attr("y", function(d) { return projection([long,lat])[1] })
.style("font-size", "10px")
.style("font-weight", "500")
.style('font-family', '"Open Sans", sans-serif')
.style( "fill",function() {
return "hsl(" + Math.random() * 360 + ",100%,50%)";
})
.text(hello);
}
return svg.node();
}