Congressional Map with variable length candidate list (zoom/pan)

####Congressional Map with variable length candidate list

What I discovered through making this is that its much easier to make a clean tooltip if you only include the D and R camdidates, but its a little trickier to include every candidate listed in the official records.

Notes:

geographic anomalies you see (e.g. Key West) are present in the original Census Bureau shapefile
Districts numbered "00" are "at large" districts that represent an entire state.

<!DOCTYPE HTML>
<html>

<head>
    <title>US Federal Budget Balance, 1968-2017</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=960" />
    <script src="d3.min.js"></script>
    <style type="text/css">
    div.tooltip {
        position: absolute;
        text-align: left;
        display: table;
        width: auto;
        height: auto;
        padding: 2px;
        font: 16px arial;
        background: white;
        border: 0px;
        border-radius: 8px;
        pointer-events: none;
        color: black;
    }

.tooltip p {
        margin: 0;
        font-family: arial;
        font-size: 16px;
        line-height: 20px;
        text-align: left;
        color: black;
    }

.tooltip strong {
        margin: 0;
        font-family: arial;
        font-size: 20px;
        line-height: 20px;
        text-align: left;
        color: black;
        font-weight: bold;
    }

.legend {
        margin: 0;
        font-family: arial;
        font-size: 14px;
        text-align: left;
        color: black;
        pointer-events: none;
    }
    </style>
</head>

</html>