custom dendrogram

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<script src="http://d3js.org/d3.v3.min.js"></script>
<div id='divUsers' style='width:600px;height:800px;'></div>

CSS

.node {
      cursor: pointer;
  }
  .overlay {
      background-color:#EEE;
  }
  .node circle {
      fill: #fff;
      stroke: steelblue;
      stroke-width: 1.5px;
  }
  .nodeText {
      font-family:arial;
  }
  .TextPOS {
      font-size:5px;
      font-family:arial;
  }
  .link {
      fill: none;
      stroke: #ccc;
      stroke-width: 1.5px;
  }
  .templink {
      fill: none;
      stroke: red;
      stroke-width: 3px;
  }
  .ghostCircle.show {
      display:block;
  }
  .ghostCircle, .activeDrag .ghostCircle {
      display: none;
  }
  #divUsers {
      cursor: url(https://mail.google.com/mail/images/2/openhand.cur) 8 8, move;
  }

JavaScript

var totalNodes, maxLabelLength, selectedNode, draggingNode, panSpeed, panBoundary, i, duration, root, tree, viewerWidth, viewerHeight, diagonal, zoomListener, baseSvg, svgGroup, overCircle, outCircle, updateTempConnector;
$(document).ready(function () {
    treeData = {
 "name": "flare",
 "children": [
  {
   "name": "analytics",
   "children": [
    {
     "name": "cluster",
     "children": [
      {"name": "AgglomerativeCluster", "size": 3938},
      {"name": "CommunityStructure", "size": 3812},
      {"name": "HierarchicalCluster", "size": 6714},
      {"name": "MergeEdge", "size": 743}
     ]
    },
    {
     "name": "graph",
     "children": [
      {"name": "BetweennessCentrality", "size": 3534},
      {"name": "LinkDistance", "size": 5731},
      {"name": "MaxFlowMinCut", "size": 7840},
      {"name": "ShortestPaths", "size": 5914},
      {"name": "SpanningTree", "size": 3416}
     ]
    },
    {
     "name": "optimization",
     "children": [
      {"name": "AspectRatioBanker", "size": 7074}
     ]
    }
   ]
  },
  {
   "name": "animate",
   "children": [
    {"name": "Easing", "size": 17010},
    {"name": "FunctionSequence", "size": 5842},
    {
     "name": "interpolate",
     "children": [
      {"name": "ArrayInterpolator", "size": 1983},
      {"name": "ColorInterpolator", "size": 2047},
      {"name": "DateInterpolator", "size": 1375},
      {"name": "Interpolator", "size": 8746},
      {"name": "MatrixInterpolator", "size": 2202},
      {"name": "NumberInterpolator", "size": 1382},
      {"name": "ObjectInterpolator", "size": 1629},
      {"name": "PointInterpolator", "size": 1675},
      {"name": "RectangleInterpolator", "size": 2042}
     ]
    },
    {"name": "ISchedulable", "size": 1041},
    {"name": "Parallel", "size": 5176},
    {"name": "Pause", "size": 449},
    {"name": "Scheduler", "size": 5593},
    {"name": "Sequence", "size": 5534},
    {"name": "Transition", "size": 9201},
    {"name": "Transitioner", "size": 19975},
    {"name":...