Function treeMe

modules/tree/tree.js:23–429

(sel, node)

  // based on http://bl.ocks.org/mbostock/4339083
  // https://twitter.com/bizweekgraphics/status/608467609416298496
  function treeMe(sel, node) {

    var margin = {top: 20, right: 120, bottom: 20, left: 120},
        width = sel.node().offsetWidth - margin.right - margin.left,
        height = 800 - margin.top - margin.bottom;

    var i = 0,
        duration = 1000,
        nodeSize = 30,
        hoverCoef = 5,
        root;

    var tree = d3.layout.tree()
        .size([height, width]);

    var diagonal = d3.svg.diagonal()
        .projection(function(d) { return [d.y, d.x]; });

    var svg = sel.append("div.svg-container").append("svg")
        .attr("width", width + margin.right + margin.left)
        .attr("height", height + margin.top + margin.bottom)
      .append("g")
        .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

    // invisible rect to capture mousemoves
    svg.append("rect")
      .attr("x", -margin.left)
      .attr("y", -margin.top)
      .attr("width", width + margin.right + margin.left)
      .attr("height", height + margin.top + margin.bottom)
      .style("visibility", "hidden")
      .style("pointer-events", "all");

    root = getDomTree(node);
    root.x0 = height / 2;
    root.y0 = 0;

    // TOO MANY CHILDREN
    function truncate(d) {
      if (d.children) {
        d.children = d.children.slice(0,20);
        d.children.forEach(truncate);
      }
    }

    function collapse(d) {
      if (d.children) {
        d._children = d.children;
        d._children.forEach(collapse);
        d.children = null;
      }
    }

    function findMaxDepth(nodes) {
      return _.max(nodes.map(function(node, index) {
        return node.children ? findMaxDepth(node.children) : node.depth;
      }));
    }