D3 Examples - Air Force Bases in the US using counties.json

Air Force Bases in the US using counties.json

This map shows the US map with county-lines where blue indicates that there's an AF base. But not quite. Some counties have more than one base and I wanted to show all the bases on the map. In hindsight, that wasn't the best way to go about it. Obviously not as impressive as the original example from stevenae/8362841, but I just wanted to get a map working at the time.

I also learned a lesson here. While looking at a choropleth is fun and impressive (for the stevenae's case) if well-made, you really have to ask yourself: Do you really want to show your data on a map? I've gotten several request to show base manning level on a map, but choropleth was not the best way to go about it, especially the county level map (Imagine this US county map sparsely colored with shades of red and blue)

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<!--Example from bl.ocks.org/stevenae/8362841-->
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="county_map.css"/>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="https://d3js.org/queue.v1.min.js"></script>
<script src="https://d3js.org/topojson.v1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.1/crossfilter.min.js"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>  
​
<body>
<div id="title">Counties with Air Force installations</div>
<div id="note">Note: co-located bases in the same counties were offset to account for all bases on the map. For example, NCR area and Colorado Springs have multiple bases in the same county</div>
<div id="map">
  <div id="map-legend">
  </div>
</div>
<script type="text/javascript">
      // Hack to make this example display correctly in an iframe on bl.ocks.org
      d3.select(self.frameElement).style("height", "1000px");
  </script> 
<script src="county_map.js"></script>
</body>
</html>
    