D3 Examples - choro

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
  background-color: #F1F3F3    
}
.axis {
    font: 15px sans-serif;
}
.axis path,
.axis line {
  fill: none;
  stroke: #D4D8DA;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}
div.toolTip {
  position: absolute;
  display: none;
  min-width: 2px;
  height: auto;
  background: white;
  border: 1px  #6F257F;
  padding: 3px;
  text-align: center;
}
path:hover {
    fill-opacity: .7;
}
  text.legendTitle {
    font-size: 10px;
  }
  text.label{
    font-size: 10px;
  }
</style>
​
<svg id="US" height=400 width=600 />
<!-- <svg width="960" height="600"></svg>
 -->
​
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
<script src="choro.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3-legend/2.24.0/d3-legend.js"></script>
​
​
    