tgk · July 17, 2013 11:46
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <body>
 <style>

 path {
  stroke: #aaa;
  fill-opacity: 0;
 }

 circle {
  fill: #000;
 }

 </style>
 <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 vertice = function(d) {
  return projection([d.lng, d.lat]);
 };

 var voronoi = d3.geom.voronoi()
  .clipExtent([[0, 0], [width, height]]);

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

 var distance = function(p, q) {
  return (p[0] - q[0])*(p[0] - q[0]) + (p[1] - q[1])*(p[1] - q[1]);
 };

 var elmWithinEpsilon = function(a, i, e) {
  var eSquared = e * e;
  for(var j = 0; j < a.length; j++) {
    if ((j != i) && distance(a[i], a[j]) < eSquared)
      return true;
  }
  return false;
 };

 var removeWithinEpsilon = function(a, e) {
  var r = [];
  for(var i = 0; i < a.length; i++) {
    if (!elmWithinEpsilon(a, i, e))
      r.push(a[i]);
  }
  return r;
 };

 d3.csv("postcodes.csv", function(data) {
  var vertices = data.map(vertice);
  vertices = removeWithinEpsilon(vertices, 1e-161); // breaks for 1e-162
  var voronoi_data = voronoi(vertices).map(function(d) {
      return "M" + d.join("L") + "Z"; });
  var path = svg.append("g").selectAll("path")
    .data(voronoi_data, String);
  path.enter().append("path").attr("d", String);

  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>
	<style>

	path {
	stroke: #aaa;
	fill-opacity: 0;
	}

	circle {
	fill: #000;
	}

	</style>
	<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 vertice = function(d) {
	return projection([d.lng, d.lat]);
	};

	var voronoi = d3.geom.voronoi()
	.clipExtent([[0, 0], [width, height]]);

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

	var distance = function(p, q) {
	return (p[0] - q[0])(p[0] - q[0]) + (p[1] - q[1])(p[1] - q[1]);
	};

	var elmWithinEpsilon = function(a, i, e) {
	var eSquared = e * e;
	for(var j = 0; j < a.length; j++) {
	if ((j != i) && distance(a[i], a[j]) < eSquared)
	return true;
	}
	return false;
	};

	var removeWithinEpsilon = function(a, e) {
	var r = [];
	for(var i = 0; i < a.length; i++) {
	if (!elmWithinEpsilon(a, i, e))
	r.push(a[i]);
	}
	return r;
	};

	d3.csv("postcodes.csv", function(data) {
	var vertices = data.map(vertice);
	vertices = removeWithinEpsilon(vertices, 1e-161); // breaks for 1e-162
	var voronoi_data = voronoi(vertices).map(function(d) {
	return "M" + d.join("L") + "Z"; });
	var path = svg.append("g").selectAll("path")
	.data(voronoi_data, String);
	path.enter().append("path").attr("d", String);

	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>