This is an alpha version of a plugin to create interactive statemaps.
mystatemap = statemap()
.x("state")
.y("share")
.facet("description")
.colors(colorbrewer.Greens[5])
d3.select("#statebin")
.classed("statebin", true)
.datum(x.data)
.call(mystatemap)<!DOCTYPE html>
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="pandoc" />
<meta name="author" content="Ramnath Vaidyanathan" />
<meta name="date" content="2015-04-17" />
<title>Statebin Charts</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="//ramnathv.github.io/rcstatebin/index_files/d3-3.5.5/d3.min.js"></script>
<script src="//ramnathv.github.io/rcstatebin/index_files/d3-jetpack-0.1/d3-jetpack.js"></script>
<script src="//ramnathv.github.io/rcstatebin/index_files/d3-svg-legend-0.1/legend.js"></script>
<link href="//ramnathv.github.io/rcstatebin/index_files/d3-tip-0.6.6/d3tip.css" rel="stylesheet" />
<script src="//ramnathv.github.io/rcstatebin/index_files/d3-tip-0.6.6/d3tip.js"></script>
<link href="//ramnathv.github.io/rcstatebin/index_files/bootstrap-yeti-3.3.4/css/bootstrap.min.yeti.css" rel="stylesheet" />
<script src="//ramnathv.github.io/rcstatebin/index_files/colorbrewer-0.1/colorbrewer.js"></script>
<link href="//ramnathv.github.io/rcstatebin/index_files/d3statebin-0.1/d3statebin.css" rel="stylesheet" />
<script src="//ramnathv.github.io/rcstatebin/index_files/d3statebin-0.1/d3statebin.js"></script>
<body>
<div class='container'>
<div class='col-md-7'>
<div id='statebins' class='statebin'></div>
</div>
</div>
<script>
d3.json('taxdata.json', function(error, taxdata){
mystatemap = statemap()
.x("state")
.y("share")
.facet("description")
.colors(colorbrewer.Greens[5])
d3.select('#statebins')
.datum(taxdata)
.call(mystatemap)
})
</script>
</body>