Adjusting scales - choropleth

Definitely not DRY, but it's a start at a bivariate choropleth and automated scales.

<!DOCTYPE html>
<head>

<title>
CA - Obesity and Politics
</title>

<style>

.county-border {
		fill: none;
		stroke: white;
	}

.state-border {
		fill: none;
		stroke: white;
	}
	
	.axis text {
		font: 10px sans-serif;
	}

.axis line, .axis path {
		fill: none;
		stroke: #000;
		shape-rendering: crispEdges;
	}

</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="https://d3js.org/topojson.v1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="script.js"></script>
<script></script>

</head>

<body>

<div>
		
		<select id="variable1">
			<option value="obesity">Obesity</option>
			<option value="unemployed">Unemployed</option>
			<option value="republican">Republican</option>
			<option value="democratic">Democratic</option>
			<option value="other">Other</option>
			<option value="registered">Registered</option>
		</select>
	
	</div>

</body>

Modified http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js to a secure url

Modified http://d3js.org/topojson.v1.min.js to a secure url

Modified http://d3js.org/d3.v3.min.js to a secure url

https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js

https://d3js.org/topojson.v1.min.js

https://d3js.org/d3.v3.min.js