v3.0.0
gzip size
Github

Documentation

Getting started
Map files
Projections
Styling



Advanced

Graticule

Component to render and style a graticule in a mapchart. The graticule can be freely placed before or after the geographies in order to render it behind or in front of the geographies.

import { Graticule } from "react-simple-maps"

js

Example

The following example shows a simple world map with a graticule created using the Graticule component.

Graticule props

NameTypeDefault
fillStringtransparent
strokeStringcurrentcolor
stepArray[10, 10]

Newsletter

Sign up to the React Simple Maps newsletter and be the first one to know when we publish new stuff.

Contact us

React Simple Maps was created by z creative labs. We turn ideas into digital products and specialise in dataviz and data-driven design. Are you looking for someone to create custom mapcharts and data visualisations?

Get in touch

React Simple Maps