DeleteNodeTransitionIssue

HTML

<script src="https://d3js.org/d3.v3.min.js"></script>
		    <button id="ref" onclick="restart()">restart </button>
    <button id="reset" onclick="reset()">reset </button>
    <script>
    
    

 var links1 = [
 {"source":"ctfe","target":"tfe"},
 {"source":"ctee","target":"tee"},
 {"source":"rfe","target":"tfe"},
 {"source":"ree","target":"tee"},
 {"source":"r1fe","target":"rfe"},
 {"source":"r1fe","target":"gfe"},
 {"source":"r1fe","target":"ggf"},
 {"source":"r1ee","target":"ree"},
 {"source":"r1ee","target":"gee"},
 {"source":"r1ee","target":"gge"},
 {"source":"hh1fe","target":"ggf"},
 {"source":"hh1ee","target":"gge"},
 {"source":"dbfe","target":"gfe"},
 {"source":"dbee","target":"gee"},
 {"source":"hflse","target":"tee"},
 {"source":"hfebs","target":"tfe"},
 {"source":"c1e","target":"ctee"},
 {"source":"c1e","target":"gge"},
 {"source":"c2e","target":"ctee"},
 {"source":"c5e","target":"ggf"},
 {"source":"d1e","target":"ctee"},
 {"source":"c1f","target":"ctfe"},
 {"source":"c2f","target":"ctfe"},
 {"source":"c3f","target":"ggf"},
 {"source":"c4f","target":"gge"},
 {"source":"d1f","target":"ctfe"}];

var nodes1 = [
 {"id":"tfe"},
 {"id":"tee"},
 {"id":"ctfe"},
 {"id":"ctee"},
 {"id":"rfe"},
 {"id":"ree"},
 {"id":"r1fe"},
 {"id":"r1ee"},
 {"id":"hh1fe"},
 {"id":"hh1ee"},
 {"id":"dbfe"},
 {"id":"dbee"},
 {"id":"gfe"},
 {"id":"gee"},
 {"id":"gge"},
 {"id":"ggf"},
 {"id":"c1e"},
 {"id":"c2e"},
 {"id":"c5e"},
 {"id":"d1e"},
 {"id":"c1f"},
 {"id":"c2f"},

 {"id":"d1f"}];
    //restart();
    
     function reset() {
        nodes1.forEach(function(d){ add_prc(d)  });
        links1.forEach(function(d){ add_con(d)  });
    }
 
    function add_prc(newNode) {
        //console.log(newNode);
        addNodeCanvas(newNode.id,newNode.grp);
    }

    function add_con(newConnection) {
        //console.log(newConnection);
        addLinkCanvas( newConnection.source,newConnection.target);  
    }

    //setInterval(restart, 15000);

    function addNodeCanvas(nodeName,g)...

CSS

rect {
  fill: none;
  pointer-events: all;
}

.node {
  fill: #000;
}

.cursor {
  fill: green;
  stroke: brown;
  pointer-events: none;
}

.link {
  stroke: #999;
}
.node text {
  pointer-events: none;
  font: 10px sans-serif;
}

path.link {
  fill: none;
  stroke: #666;
  stroke-width: 1.5px;
}