text: var width = 1150,
      height = 550;
  
  var cluster = d3.layout.cluster()
      .size([width, height - 75]);
  
  var diagonal = d3.svg.diagonal()
    .projection(function(d) { return [d.x, d.y]; });
  
  var svg = d3.select(".dendrogram").append("svg")
      .attr("width", width)
      .attr("height", height)
    .append("g")
      .attr("transform", "translate(0,40)");
  
  d3.json("./public/js/test.json", function(error, root) {
    var nodes = cluster.nodes(root),
        links = cluster.links(nodes);
  
    var link = svg.selectAll(".link")
        .data(links)
      .enter().append("path")
        .attr("class", "link")
        .attr("d", diagonal);
  
    var node = svg.selectAll(".node")
        .data(nodes)
      .enter().append("g")
        .attr("id", function(d) { return "node-" + d.name; })
        .attr("class", "node")
        .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; })
  
    node.append("circle")
        .attr("r", 4.5);
  
    node.append("text")
        .attr("dy", "-9")
        .style("text-anchor", "middle")
        .text(function(d) { return d.name; });
  
    initDirectoryStructure(root);
  
  });
  
  d3.select(self.frameElement).style("height", height + "px");
  