JSFiddle - React, Tailwind, and code Playground

by mram888

HTML

<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://d3js.org/topojson.v1.min.js"></script>
<!-- I recommend you host this file on your own, since this will change without warning -->
<script src="http://datamaps.github.io/scripts/datamaps.world.min.js"></script>
<div id="container" style="position: relative; width: 500px; height: 300px;"></div>

JavaScript

var map = new Datamap(
        {
            element: document.getElementById('container'),
            fills: {
                defaultFill: "#ABDDA4",
                win: '#0fa0fa'
            },
            data: {
                'CHN': { fillKey: 'win' },
                'SWE': { fillKey: 'win' },

            }
        }
    );