index.html
<!doctype HTML>
<meta charset = 'utf-8'>
<html>
<head>
<script src='//d3js.org/d3.v3.min.js' type='text/javascript'></script>
<script src='//d3js.org/topojson.v1.min.js' type='text/javascript'></script>
<script src='//datamaps.github.io/scripts/datamaps.all.min.js' type='text/javascript'></script>
<style>
.rChart {
display: block;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 400px;
}
</style>
</head>
<body>
<div id='chart924a4b574fc4' class='rChart datamaps'></div>
<script>
var chartParams = {
"dom": "chart924a4b574fc4",
"width": 800,
"height": 400,
"scope": "county",
"geographyConfig": {
"datUrl": "//rawgithub.com/jgoodall/us-maps/master/topojson/county.json"
},
"id": "chart924a4b574fc4"
}
chartParams.element = document.getElementById('chart924a4b574fc4')
var mapchart924a4b574fc4 = new Datamap(chartParams);
</script>
<style>
.datamaps {
position: relative;
}
</style>
</body>
</html>