Logo
DocsExamplesGitHubGetting started

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"

Example

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

* The boundaries and the designations used on this map do not imply the expression of any opinion on the part of the react-simple-maps team or z creative labs and are used for illustrative purposes only. The boundaries and shapes are not part of the react-simple-maps library and are sourced from Natural Earth Data and gadm.org.

Note that the graticule will be missing an outline, which can be easily added using the sphere component.

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.

Hire Us!

Are you looking for someone to create beautiful mapcharts?

Contact us

React Simple Maps

Home
Documentation
Examples
GitHub

More Tools

Check out these other design and development tools by z creative labs.

Blobmaker
Get Waves

© 2019 z creative labs