A toggle D3 county map of Kentucky oil and gas wells

Example of map explained in maptimeLex Introduction to D3.js Web Mapping Through 7 Simple Maps. Based off example by tmcw.

<html>
<head>
    <meta charset="utf-8">
    <title>A toggle D3 county map of Kentucky oil and gas wells</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/queue-async/1.0.7/queue.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.19/topojson.min.js"></script>
    <script src="simple_statistics.js"></script>
    
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<style>
    body {
        padding: 0;
        margin: 0;
        background: whitesmoke;
    }
    h1, form {
        position: absolute;
        left: 20px;
        top: 10px;
        font-family: "Proxima Nova", Montserrat, sans-serif;
        font-size: 2em;
        font-weight: 100;
        color: #005DAA; /* offical UK Kentucky blue */
    }
    form {
        top: 80px;
        font-size: 1.1em;
    }
    label {
        margin: 0 10px 0 4px;   
    }
    .county {
        stroke: #fff;
    } 
    .state {
        stroke: #fff;
        fill: #d3d3d3;
    }
</style>
</head>
<body>
    <h1>Kentucky Counties Oil and Gas Wells by County</h1>
    <form>
        <input type="radio" name="well" id="gas_wells" checked="true" /><label for="gas">gas</label>
        <input type="radio" name="well" id="oil_wells" /><label for="oil">oil</label>
    </form>

var geoPath = d3.geo.path()
        .projection(projection);
    
    queue()
        .defer(d3.json, "ky-counties.json")
        .await(ready);
      
    function ready(error, counties, states){
        
        var attribute = "gas_wells"; // alternative is "oil_wells"

var breaks = ss.jenks(counties.objects.counties.geometries.map(function(d) { 
            return d.properties[attribute]/d.properties.ALAND; 
        }), 5);
        
        breaks.shift(); // remove min value from breaks Array before applying to domain
        breaks.pop(); // same for max
        
        var colors = ["#feedde","#fdbe85","#fd8d3c","#e6550d","#a63603"];

</script>
</body>
</html>

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js

https://cdnjs.cloudflare.com/ajax/libs/queue-async/1.0.7/queue.min.js

https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.19/topojson.min.js