milkbread

At the beginning of the week, I read an interesting article about how our head would look like on a projected map.

I thought directly on the cool projections that are possible with D3! So I looked around, found nice examples:

And now ... Angela Merkel gives you an idea on the distortions, by providing her head. Thank you for that!

	<!DOCTYPE html>
	<html>
	<head>
	<title>Simple polygon visualisation</title>
	<meta charset="utf-8" />
	<script src="http://cdn.leafletjs.com/leaflet-0.6.1/leaflet.js"></script>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<style>
	@import url(http://cdn.leafletjs.com/leaflet-0.6.1/leaflet.css);
	</style>

	<!DOCTYPE html>
	<html>
	<head>
	<title>Comparison</title>
	<meta charset="utf-8" />
	<script src="http://cdn.leafletjs.com/leaflet-0.6.1/leaflet.js"></script>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="linestrings.json"></script>
	<style>
	@import url(http://cdn.leafletjs.com/leaflet-0.6.1/leaflet.css);

	<!DOCTYPE html>
	<meta charset="utf-8">
	<link rel="stylesheet" href="webgen_logo_style.css" />
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="http://d3js.org/topojson.v1.min.js"></script>

	<style>
	</style>
	<body>
	<script src="webgen_logo_script.js"></script>

	<!DOCTYPE html>
	<html>
	<head>
	<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
	<title>Convert GeoJSON</title>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

	<script src="route.js"></script>
	</head>

	<!DOCTYPE html>
	<html>
	<head>
	<title>Testmap</title>
	<meta charset="utf-8" />
	<script src="http://cdn.leafletjs.com/leaflet-0.6.1/leaflet.js"></script>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<style>
	@import url(http://cdn.leafletjs.com/leaflet-0.6.1/leaflet.css);
	html, body, #map {

	<!DOCTYPE html>
	<!--Source: http://danzel.github.io/Leaflet.utfgrid/example/map.html//-->
	<html>
	<head>
	<script src="http://cdn.leafletjs.com/leaflet-0.6.1/leaflet.js"></script>
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.1/leaflet.css" />
	<script src="http://danzel.github.io/Leaflet.utfgrid/src/leaflet.utfgrid.js"></script>
	<link rel="stylesheet" href="styles.css" />
	</head>
	<body>

	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="text_object.js"></script>
	<title>Fitting Text into a Box</title>
	<style>
	#box{
	fill:none;
	stroke:#000;

	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="text_object.js"></script>
	<title>Fitting Text into a Box</title>
	<style>
	#box{
	fill:none;
	stroke:#000;