DocsExamplesGitHubGetting started

Basic world map

A world map showing countries based on Natural Earth data.

* 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.


The above example shows the easiest way to make a map chart with react-simple-maps. It uses a topojson file based on the Natural Earth world110m world map shapefile for geographic data.

This example focuses on displaying a basic map without zoom/pan capabilities. If you want to add zoomming or panning check out this example showing hot to use <ZoomableGroup />.

Custom geographies

If you want to use your own shapefiles with react-simple-maps check out this tutorial on how to convert shapefiles to topojson using mapshaper.org.


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


More Tools

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

Get Waves

© 2021 z creative labs