helloWorld = {
const width = 720;
const height = 360;
const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]);
const bg = svg
.append("rect")
.attr("x", 0)
.attr("y", 0)
.attr("width", width)
.attr("height", height)
.attr("fill", "#ffc68f");
for(let i = 0; i < helloDataset.length; i++) {
svg
.append("circle")
.attr("cx", (parseFloat(helloDataset[i].long) + 180) * 2)
.attr("cy", (-parseFloat(helloDataset[i].lat) + 90) * 2)
.attr("r", 5)
.attr("fill", "#73c49c");
svg
.append("text")
.attr("x", (parseFloat(helloDataset[i].long) + 180) * 2)
.attr("y", (-parseFloat(helloDataset[i].lat) + 90) * 2)
.attr("fill", "#FFF")
.style("text-anchor", "middle")
.attr("font-family", "Neuzeit Grotesk", "sans-serif")
.style("alignment-baseline", "middle")
.text(helloDataset[i].hello);
}
return svg.node();
}