tgk · December 19, 2015 20:19
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <body>
 <script src="http://d3js.org/d3.v3.min.js"></script>
 <script>
 var width = 960,
    height = 700;

 var projection = d3.geo.albers()
  .center([3, 54.4])
  .rotate([4.4, 0])
  .parallels([50, 60])
  .scale(1200 * 3)
  .translate([width / 2, height / 2]);

 var transform = function(d) {
  return "translate(" + projection([d.lng, d.lat]) + ")";
 };

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

 d3.csv("postcodes.csv", function(data) {
  var points = svg.selectAll("circle").data(data);
  points.enter().append("circle")
    .attr("transform", transform)
    .attr("r", 0.75);
 });

 d3.select(self.frameElement).style("height", height + "px");
 </script>
 </body>
diff --git a/postcodes.csv b/postcodes.csv
	<!DOCTYPE html>
	<meta charset="utf-8">
	<body>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script>
	var width = 960,
	height = 700;

	var projection = d3.geo.albers()
	.center([3, 54.4])
	.rotate([4.4, 0])
	.parallels([50, 60])
	.scale(1200 * 3)
	.translate([width / 2, height / 2]);

	var transform = function(d) {
	return "translate(" + projection([d.lng, d.lat]) + ")";
	};

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

	d3.csv("postcodes.csv", function(data) {
	var points = svg.selectAll("circle").data(data);
	points.enter().append("circle")
	.attr("transform", transform)
	.attr("r", 0.75);
	});

	d3.select(self.frameElement).style("height", height + "px");
	</script>
	</body>
No results found