With Victory

This example uses Victory to display the language distribution in Switzerland by cantons as donut charts.

Check out the code for this example on github.

 
German
 
French
 
Italian
 
Romansh

Since the markers in react-simple-maps can contain any SVG, you can use a library like Victory to render any other charts onto the map.

This map shows the language distribution in Switzerland. Switzerland has four official languages: German, French, Italian, and Romansh. German is the most widely spoken language by around 63% of the population, French by 23%, and Italian by 8%. Romansh is spoken by less than 1% of the total population. Source

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

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.