Plot.plot({
projection: {
type: "equirectangular",
domain: worldGeo,
rotate: [-13, 0]
},
width,
marks: [
Plot.geo(worldGeo, {
fill: "#efefef",
stroke: "#222",
strokeWidth: 0.5,
strokeOpacity: 0.4
}),
Plot.dot(enriched_vpp, {
x: (d) => d[1][0].centroid[0],
y: (d) => d[1][0].centroid[1],
r: (d) => d[1].length,
fill: "red",
fillOpacity: 0.6,
stroke: "red",
range: [0, 100]
}),
Plot.tip(
enriched_vpp,
Plot.pointer({
x: (d) => d[1][0].centroid[0],
y: (d) => d[1][0].centroid[1],
maxRadius: 10,
title: (d) => [`${d[1][0].Location} (${d[1].length} instance)`]
})
)
]
})