This example shows how to add annotations to a map using the react-simple-maps <Annotation /> component.

Check out the code for this example on github.

GuadaloupeDominicaMatiniqueSt. LuciaBarbadosSt. Vincent andthe GrenadinesGrenada

Annotations can be used to provide context, and to highlight aspects of a visualization that could be easily missed otherwise.

In this example the <Annotation /> component provides an easy way to add labels.

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

react-simple-maps is a library of React components to make SVG maps using d3-geo and topojson.

react-simple-maps was made at and is maintained by z creative labs.

Check out these mapping articles we wrote on Medium!
Copyright © Richard Zimerman 2017. MIT Licensed.