This project shows a React SVG implementation of a world map with heatmap statistical depiction of democracy index ratings.
It makes use of SVG functionality to locate a country as well as to pan, zoom and colourise the country according to the heatmap level corresponding to the democracy index (as per 2020).
Checkout the demo version.