March 6, 2017 20:07
diff --git a/.block b/.block
 license: mit
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <style> /* set the CSS */

  .node circle {
    fill: #fff;
    stroke: steelblue;
    stroke-width: 3px;
  }

  .node text { font: 12px sans-serif; }

  .node--internal text {
    text-shadow: 0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
  }

  .link {
    fill: none;
    stroke: #ccc;
    stroke-width: 2px;
  }

 </style>

 <body>

 <!-- load the d3.js library -->    	
 <script src="//d3js.org/d3.v4.min.js"></script>
  
 <script>
  var treeData = 
      {
        name: "malmö-trelleborg",
        children: [
          { name: 'trelleborg-göteborg',
          	children: [
              { name: 'göteborg-skövde' },
              { name: 'trelleborg-gais' },
              
            ]
          },
          { name: 'malmö-gais' }
        ]
      };

 	// set the dimensions and margins of the diagram
  var margin = {top: 40, right: 90, bottom: 50, left: 90},
      width = 660 - margin.left - margin.right,
      height = 500 - margin.top - margin.bottom;

  // declares a tree layout and assigns the size
  var treemap = d3.tree()
      .size([width, height]);

  //  assigns the data to a hierarchy using parent-child relationships
  var nodes = d3.hierarchy(treeData);

  // maps the node data to the tree layout
  nodes = treemap(nodes);

  var svg = d3.select("body").append("svg")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom);
  
   var g = svg.append("g")
    .attr("transform",
          "translate(" + margin.left + "," + margin.top + ")");

  // adds the links between the nodes
  var link = g.selectAll(".link")
      .data( nodes.descendants().slice(1))
      .enter().append("path")
        .attr("class", "link")
        .attr("d", function(d) {
           return "M" + d.y + "," + d.x
             + "C" + (d.parent.y + d.y) / 2 + "," + d.x
             + " " + (d.parent.y + d.y) / 2 + "," +  d.parent.x
             + " " + d.parent.y + "," + d.parent.x;
           });

  // adds each node as a group
  var node = g.selectAll(".node")
    .data(nodes.descendants())
  	.enter().append("circle")
        .attr("class", "node")
        .attr("r", 4.5)
        .attr("cx", o => o.y)
        .attr("cy", o => o.x);
    
 </script>
 </body>
	<!DOCTYPE html>
	<meta charset="utf-8">
	<style> /* set the CSS */

	.node circle {
	fill: #fff;
	stroke: steelblue;
	stroke-width: 3px;
	}

	.node text { font: 12px sans-serif; }

	.node--internal text {
	text-shadow: 0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
	}

	.link {
	fill: none;
	stroke: #ccc;
	stroke-width: 2px;
	}

	</style>

	<body>

	<!-- load the d3.js library -->
	<script src="//d3js.org/d3.v4.min.js"></script>

	<script>
	var treeData =
	{
	name: "malmö-trelleborg",
	children: [
	{ name: 'trelleborg-göteborg',
	children: [
	{ name: 'göteborg-skövde' },
	{ name: 'trelleborg-gais' },

	]
	},
	{ name: 'malmö-gais' }
	]
	};

	// set the dimensions and margins of the diagram
	var margin = {top: 40, right: 90, bottom: 50, left: 90},
	width = 660 - margin.left - margin.right,
	height = 500 - margin.top - margin.bottom;

	// declares a tree layout and assigns the size
	var treemap = d3.tree()
	.size([width, height]);

	// assigns the data to a hierarchy using parent-child relationships
	var nodes = d3.hierarchy(treeData);

	// maps the node data to the tree layout
	nodes = treemap(nodes);

	var svg = d3.select("body").append("svg")
	.attr("width", width + margin.left + margin.right)
	.attr("height", height + margin.top + margin.bottom);

	var g = svg.append("g")
	.attr("transform",
	"translate(" + margin.left + "," + margin.top + ")");

	// adds the links between the nodes
	var link = g.selectAll(".link")
	.data( nodes.descendants().slice(1))
	.enter().append("path")
	.attr("class", "link")
	.attr("d", function(d) {
	return "M" + d.y + "," + d.x
	+ "C" + (d.parent.y + d.y) / 2 + "," + d.x
	+ " " + (d.parent.y + d.y) / 2 + "," + d.parent.x
	+ " " + d.parent.y + "," + d.parent.x;
	});

	// adds each node as a group
	var node = g.selectAll(".node")
	.data(nodes.descendants())
	.enter().append("circle")
	.attr("class", "node")
	.attr("r", 4.5)
	.attr("cx", o => o.y)
	.attr("cy", o => o.x);

	</script>
	</body>