network fade | d3v4 es2015

an es2015 d3v4 iteration on the block network fade from @jalapic

mouse over a node to see that node and it's first-degree neighbors highlighted (along with the links that connect them)

forked from micahstubbs's block: network fade | d3v4 es2015

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset='utf-8'>
 <script src='https://d3js.org/d3.v4.js'></script>
<style>
​
.node circle {
  fill: #DDD;
  stroke: #777;
  stroke-width: 2px;
}
​
.node text {
  font-family: sans-serif;
  text-anchor: middle;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
​
.link {
  stroke: #88A;
  stroke-width: 4px;  
}  
 
​
text {
  font: 18px sans-serif;
  pointer-events: none;
}
​
#end-arrow {
  fill: #88A;
}
​
</style>
<body>
<script src='vis.js'></script>
</body>
​
​
    

https://d3js.org/d3.v4.js