Patrick Oladimeji

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"
      })
    )
  ]
})

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

ngaadmbndaadm1osgof20161215.geojson

ngaadmbndaadm2osgof20170222.geojson

geoBoundaries-NGA-ADM0_simplified.geojson

geoBoundaries-NGA-ADM0.geojson

geoBoundaries-NGA-ADM1_simplified.geojson

geoBoundaries-NGA-ADM2_simplified.geojson

geoBoundaries-NGA-ADM2.geojson

geoBoundaries-NGA-ADM1.geojson

geoBoundaries-NGA-ADM0_simplified-40.json

lgas.geojson.json

Nigeria Geo Plot Templates

Purpose-built for displays of data