d3 v4 force

HTML

<script src="https://d3js.org/d3.v4.js"></script>
<button id='radial' >
 Radial
</button>

<svg width="960" height="500" viewBox="-240 -125 960 500">

CSS

.link {
  stroke: #aaa;
}

.node {
  pointer-events: all;
  stroke: none;
  stroke-width: 40px;
}

JavaScript

function radial(){
console.log('radial')
console.log(simulation)
	simulation
  .force("charge", d3.forceCollide().radius(10))
    .force("r", d3.forceRadial(function(d) {
    //console.log(d)
    if(d.id < 5){
    	console.log('less than : ', d.id)
      return 100;
    }else{    	
    	console.log('more than : ', d.id)
      return 300;
    }
    //return d.id < 5 ? 100 : 200;
    })) 
    .force("center",null)
    .on("tick", newTicked);
    simulation.alphaTarget(0.3).restart()
    function newTicked() {
  //node
   //   .attr("cx", function(d) { return d.x; })
    //  .attr("cy", function(d) { return d.y; });
     node
      .attr("transform", function(d) { return "translate(" + d.x + ", " + d.y + ")"; });
}
     
}

document.getElementById("radial").addEventListener("click", radial);

var nodes = [
  {"id": 1, "name": "server 1"},
  {"id": 2, "name": "server 2"},
  {"id": 3, "name": "server 3"},
  {"id": 4, "name": "server 4"},
  {"id": 5, "name": "server 5"},
  {"id": 6, "name": "server 6"},
  {"id": 7, "name": "server 7"},
  {"id": 8, "name": "server 8"},
  {"id": 9, "name": "server 9"},
  {"id": 2, "name": "server 2"},
  {"id": 3, "name": "server 3"},
  {"id": 4, "name": "server 4"},
  {"id": 5, "name": "server 5"},
  {"id": 6, "name": "server 6"},
  {"id": 7, "name": "server 7"},
  {"id": 8, "name": "server 8"},
  {"id": 9, "name": "server 9"},
  {"id": 2, "name": "server 2"},
  {"id": 3, "name": "server 3"},
  {"id": 4, "name": "server 4"},
  {"id": 5, "name": "server 5"},
  {"id": 6, "name": "server 6"},
  {"id": 7, "name": "server 7"},
  {"id": 8, "name": "server 8"},
  {"id": 9, "name": "server 9"},
  {"id": 2, "name": "server 2"},
  {"id": 3, "name": "server 3"},
  {"id": 4, "name": "server 4"},
  {"id": 5, "name": "server 5"},
  {"id": 6, "name": "server 6"},
  {"id": 7, "name": "server 7"},
  {"id": 8, "name": "server 8"},
  {"id": 9, "name": "server 9"},
  {"id": 2, "name": "server 2"},
  {"id": 3, "name": "server 3"},
  {"id": 4, "name": "server...