Force tree transition chaining (incrementally showing nodes and links in a force graph); single nodes appear incrementally

Force graph with node-link show up through chaining …… ? 8

Derived from gist 1125997 and gist 2511921, but now shows the nodes appear incrementally.

This variant also chains the display of the links one by one; links are only shown once their nodes are visible.

The alternative, which fades in all relevant links all at once for each node which shows up, see gist 2511921.

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
  <head>
    <title>Force-Directed Layout</title>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/d3@2.9.1/d3.v2.min.js"></script>
    <style>
circle.node {
  stroke: #fff;
  stroke-width: 1.5px;
}
​
line.link {
  stroke: #999;
  stroke-opacity: .6;
}
    </style>
  </head>
  <body>
    <div id="chart"></div>
    <script type="text/javascript" src="force.js"></script>
  </body>
</html>
    

Modified http://mbostock.github.com/d3/d3.v2.js?2.9.1 to a secure url

https://mbostock.github.com/d3/d3.v2.js?2.9.1