JSFiddle - React, Tailwind, and code Playground

by ramnathv

HTML

<script src="//d3js.org/d3.v3.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js"></script>
<script src="//datamaps.github.io/scripts/datamaps.all.js"></script>
<div id="container1"></div>

CSS

#container1{
  position: "relative";
  width: 80%;
  height: 400px;
}

CoffeeScript

map = new Datamap
  scope: 'world'
  element: document.getElementById('container1')
  projection: 'mercator'