GeoMap

@nivo/geomap

This component can be used to draw maps, it takes an array of features which determine the geometries to render on the map. It can be used to build more complex maps such as the Choropleth.

Using this component requires some knowledge about the d3-geo library, projections, geoJSON… please have a look at the official d3 documentation for further information.

Please note that because the features file is pretty huge, it's not included in the generated code, you can find the file used for this example here, you'll have to pass the features array to the features property.

The responsive alternative of this component is ResponsiveGeoMap, it also offers a canvas implementations, see GeoMapCanvas.

Actions Logs
Start interacting with the chart to log actions
Base
numberrequired

Chart width.

numberrequired

Chart height.

numberoptionaldefault:'Depends on device'

Adjust pixel ratio, useful for HiDPI screens.

supportsvgcanvas
objectoptional
px
px
px
px

Chart margin.

Projection
Style
Graticule
Interactivity