Here is a less hacky method: Plot.plot({ projection: { type: "mercator", domain: states }, marks: [ Plot.geo(states, Plot.pointer(Plot.centroid({ fill: "red" }))), Plot.geo(states, { stroke: "black" }), Plot.text( states.features, Plot.geoCentroid({ text: (d) => d.properties["admin1Name"], textAnchor: "middle", stroke: "white", fill: "black" }) ) ] })

Love this! 😍

Somehow could not tell these could be composed this way from the api. Much to learn about the Plot family of libraries.