Putting d3plus Rings thru the (w)Ringer
by Nivaldo
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3plus/1.9.8/d3plus.min.js"></script>
<div id="viz"></div>
JavaScript
var nodes = [
{"name": "John Smith", "value": 1},
{"name": "Paul Logan", "value": 30},
{"name": "Mary Dunn", "value": 11},
{"name": "Carla Brown", "value": 24},
{"name": "Ted Brown", "value": 5},
{"name": "Ted Black", "value": 35},
{"name": "Ted Green", "value": 1},
{"name": "Ted White", "value": 5},
{"name": "Paul Black", "value": 30},
{"name": "Paul White", "value": 10},
{"name": "Paul Brown", "value": 15},
{"name": "Mat Black", "value": 30},
{"name": "Mat White", "value": 3},
{"name": "Mat Brown", "value": 15},
{"name": "Jim Black", "value": 30},
{"name": "Jim White", "value": 4},
{"name": "Jim Brown", "value": 15},
{"name": "Tim Black", "value": 30},
{"name": "Tim White", "value": 2},
{"name": "Tim Brown", "value": 20},
{"name": "Mary Black", "value": 30}
];
var links = [
// first hop
{"source": "John Smith", "target": "John Smith"},
{"source": "Paul Logan", "target": "John Smith"},
{"source": "Mary Dunn", "target": "John Smith"},
{"source": "Carla Brown", "target": "John Smith"},
{"source": "Ted Brown", "target": "John Smith"},
{"source": "Ted Black", "target": "John Smith"},
{"source": "Ted Green", "target": "John Smith"},
{"source": "Ted White", "target": "John Smith"},
{"source": "Paul White", "target": "John Smith"},
{"source": "Paul Black", "target": "John Smith"},
{"source": "Paul Brown", "target": "John Smith"},
{"source": "Mat White", "target": "John Smith"},
{"source": "Mat Black", "target": "John Smith"},
{"source": "Mat Brown", "target": "John Smith"},
{"source": "Jim White", "target": "John Smith"},
{"source": "Jim Black", "target": "John Smith"},
{"source": "Jim Brown", "target": "John Smith"},
{"source": "Tim White", "target": "John Smith"},
{"source": "Tim Black", "target": "John Smith"},
{"source": "Tim Brown", "target": "John Smith"},
{"source": "Mary White",...