D3 Examples - Clickable link Drag and Drop zoomable D3.js tree example.

Clickable link Drag and Drop zoomable D3.js tree example.

Clickable link Drag and Drop zoomable D3.js tree example based on https://gist.github.com/robschmuecker/7880033 for question here: http://stackoverflow.com/questions/24100458/d3-js-drag-and-drop-zoomable-tree-help-in-collapsing-nodes-connected-by-a-certai

For any help/queries, http://www.robschmuecker.com @robschmuecker or robert.schmuecker at gmail dot com

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
<style type="text/css">
  
  .node, .link {
    cursor: pointer;
  }
​
  .overlay{
      background-color:#EEE;
  }
   
  .node circle {
    fill: #fff;
    stroke: steelblue;
    stroke-width: 1.5px;
  }
   
  .node text {
    font-size:10px; 
    font-family:sans-serif;
  }
   
  .link {
    fill: none;
    stroke: #ccc;
    stroke-width: 4px;
  }
​
  .templink {
    fill: none;
    stroke: red;
    stroke-width: 3px;
  }
​
  .ghostCircle.show{
      display:block;
  }
​
  .ghostCircle, .activeDrag .ghostCircle{
       display: none;
  }
​
</style>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="dndTree.js"></script>
<body>
    <div id="tree-container"></div>
</body>
</html>
    