maggie-lee · October 20, 2014 02:04
diff --git a/ga.json b/ga.json
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <style>

 /* CSS goes here. */

 #county {
  fill: none;
 }

 </style>
 <body>
 <div id="title"></div>
 <div id="chart">
  <div id="legendHolder"></div>
  <div id="tooltip"></div>
 </div> <!-- close id="chart"   -->
 <script src="http://d3js.org/d3.v3.min.js"></script>
 <script src="http://d3js.org/queue.v1.min.js"></script>


 <script src="http://d3js.org/topojson.v1.min.js"></script>
 <script>


 var width = 2000,
    height = 1500;

 var scale = 10000;

 var svg = d3.select("#chart").append("svg")
    .attr("width", width)
    .attr("height", height);

 var color = d3.scale.category20();
 var projection = d3.geo.mercator()
    .scale(scale)
    .rotate([84.4, -33.9, 0]);

 var path = d3.geo.path()
    .projection(projection);

 var wia_by_county= d3.map();

 var fill =  d3.scale.category20()



 queue()
  .defer(d3.json, "ga.json")
  .defer(d3.csv, 'unemployment_good_format_dates.csv', function (d) {wia_by_county.set(d.county, +d.wia) ;})
  .await(ready);

 // TO DO: Yea, natch, do a quantize
 function ready(error, counties) {

  console.log(wia_by_county);
  //console.log(counties);
  // console.log("error", error)
  // console.log("ok counties", counties) // type topology
  // //console.log(counties.objects['counties'].geometries[0].properties['NAME_2']);
  //console.log("ok objects", counties.objects['counties']);
  //counties is my topojson
  //claimsByCouny is my claims lookup table
 // console.log(overTheYearPercent.get('Union'));

  svg.selectAll("#county")
  .data(topojson.feature(counties, counties.objects['counties']).features)
  .enter().append("path")
    .attr("id", function (d)  
    {//console.log(d.properties['NAME_2'], overTheYearPercent.get(d.properties['NAME_2']))
     {return d.properties['NAME_2'];}
     ;})
    .attr("d", path)
    .attr("fill", function (d) {return fill(wia_by_county.get(d.properties['NAME_2'])); })
    .attr("stroke", "black")
    //.attr("fill", function (d) {return fill(wia_code.get(d.properties['NAME_2'])) ;})
    ;//.attr("stroke", "black");


 }



 </script> 
diff --git a/unemployment_good_format_dates.csv b/unemployment_good_format_dates.csv
	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	/* CSS goes here. */

	#county {
	fill: none;
	}

	</style>
	<body>
	<div id="title"></div>
	<div id="chart">
	<div id="legendHolder"></div>
	<div id="tooltip"></div>
	</div> <!-- close id="chart" -->
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="http://d3js.org/queue.v1.min.js"></script>


	<script src="http://d3js.org/topojson.v1.min.js"></script>
	<script>


	var width = 2000,
	height = 1500;

	var scale = 10000;

	var svg = d3.select("#chart").append("svg")
	.attr("width", width)
	.attr("height", height);

	var color = d3.scale.category20();
	var projection = d3.geo.mercator()
	.scale(scale)
	.rotate([84.4, -33.9, 0]);

	var path = d3.geo.path()
	.projection(projection);

	var wia_by_county= d3.map();

	var fill = d3.scale.category20()



	queue()
	.defer(d3.json, "ga.json")
	.defer(d3.csv, 'unemployment_good_format_dates.csv', function (d) {wia_by_county.set(d.county, +d.wia) ;})
	.await(ready);

	// TO DO: Yea, natch, do a quantize
	function ready(error, counties) {

	console.log(wia_by_county);
	//console.log(counties);
	// console.log("error", error)
	// console.log("ok counties", counties) // type topology
	// //console.log(counties.objects['counties'].geometries[0].properties['NAME_2']);
	//console.log("ok objects", counties.objects['counties']);
	//counties is my topojson
	//claimsByCouny is my claims lookup table
	// console.log(overTheYearPercent.get('Union'));

	svg.selectAll("#county")
	.data(topojson.feature(counties, counties.objects['counties']).features)
	.enter().append("path")
	.attr("id", function (d)
	{//console.log(d.properties['NAME_2'], overTheYearPercent.get(d.properties['NAME_2']))
	{return d.properties['NAME_2'];}
	;})
	.attr("d", path)
	.attr("fill", function (d) {return fill(wia_by_county.get(d.properties['NAME_2'])); })
	.attr("stroke", "black")
	//.attr("fill", function (d) {return fill(wia_code.get(d.properties['NAME_2'])) ;})
	;//.attr("stroke", "black");


	}



	</script>