choro.html

<!DOCTYPE html>
<meta charset="utf-8">

<style>
#boroughs {
  stroke: grey;
	stroke-width: 2px;
	fill: steelblue;
}
</style>

<script type="text/javascript" src="d3/d3.min.js"></script>

<body>

<script>

var width = 600,
   height = 600;

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

  d3.json("Data/nyc.json", function(error, nyb) {

  	console.log(nyb)

    var projection = d3.geo.mercator()
  					.center([-73.94, 40.70])
  					.scale(50000)
  					.translate([(width) / 2, (height)/2]);

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

	var g = svg.append("g");

	g.append("g")
		.attr("id", "boroughs")
		.selectAll(".state")
		.data(nyb.features)
		.enter().append("path")
		.attr("class", function(d){ return d.properties.name; })
		.attr("d", path);

	});

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