map = {
const svg = d3.create("svg")
.attr("viewBox", [0, 0, width, height]);
const defs = svg.append("defs");
defs.append("path")
.attr("id", "outline")
.attr("d", path(outline));
defs.append("clipPath")
.attr("id", "clip")
.append("use")
.attr("xlink:href", new URL("#outline", location));
const g = svg.append("g")
.attr("clip-path", `url(${new URL("#clip", location)})`);
g.append("use")
.attr("xlink:href", new URL("#outline", location))
.attr("fill", "#fff");
g.append("path")
.attr("d", path(graticule))
.attr("stroke", "#ddd")
.attr("fill", "none");
g.append("path")
.attr("d", path(land))
.attr("fill", "#ddd");
svg.append("use")
.attr("xlink:href", new URL("#outline", location))
.attr("stroke", "#000")
.attr("fill", "none");
svg.append("g")
.selectAll("circle")
.data(data)
.join("circle")
.attr("transform", d => `translate(${projection([d.longitude, d.latitude])})`)
.attr("r", 1.5)
.append("title")
.text(d => d.name);
return svg.node();
}