Skip to content

Instantly share code, notes, and snippets.

@ramnathv
Last active December 24, 2015 03:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save ramnathv/6736989 to your computer and use it in GitHub Desktop.
Save ramnathv/6736989 to your computer and use it in GitHub Desktop.
<!doctype HTML>
<meta charset = 'utf-8'>
<html>
<head>
<script src='http://d3js.org/d3.v3.min.js' type='text/javascript'></script>
<script src='http://d3js.org/topojson.v1.min.js' type='text/javascript'></script>
<script src='http://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": "http://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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment