v3.0.0
gzip size
Github

Examples

Basic annotation
Basic markers
Basic world map
Custom markers
Europe map with graticule
Graticule
Mapchart with texture
Mapchart with tooltip
Proportional symbol map
US choropleth map (quantile)
US choropleth map(quantize)
US states map with labels
World choropleth mapchart
Map with zoom and pan

Europe map with graticule

This example shows how to use react-simple-maps to make a map of Europe with graticule. It uses the built-in geoAzimuthalEqualArea projection with custom rotation params.

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.

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