JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<div id="topo"></div>

CSS

.node {
  stroke: #fff;
  stroke-width: 1.5px;
}

.link10 { stroke: #000; stroke-width: 2px; stroke-dasharray: 3, 3; }
.link5 { stroke: #000; stroke-width: 2px; }
.nodetext { pointer-events: none;}

/*.link {
  stroke: #999;
  stroke-opacity: .6;
}*/

.word{
	font-size: 12px;
}

JavaScript

var data = {"nodes":[{"id":1,"name":"switch - 8","switchid":8,"group":0,"s":0},{"id":2,"name":"switch - 2","switchid":2,"group":1,"s":0},{"id":3,"name":"switch - 4","switchid":4,"group":2,"s":0},{"id":4,"name":"switch - 1","switchid":1,"group":3,"s":0},{"id":5,"name":"switch - 3","switchid":3,"group":4,"s":0},{"id":6,"name":"switch - 5","switchid":5,"group":5,"s":0},{"id":7,"name":"switch - 7","switchid":7,"group":6,"s":0},{"id":8,"name":"switch - 6","switchid":6,"group":7,"s":0},{"id":9,"name":"switch - 100866226592","switchid":100866226592,"group":8,"s":0},{"id":10,"name":218782966394528,"switchid":2,"s":3,"group":1},{"id":11,"name":217845328182873,"switchid":1,"s":3,"group":3},{"id":12,"name":187210006392285,"switchid":2,"s":3,"group":1},{"id":13,"name":156441574497402,"switchid":1,"s":3,"group":3},{"id":14,"name":187775444344456,"switchid":3,"s":3,"group":4}],"links":[{"source":0,"target":1,"value":5},{"source":1,"target":2,"value":5},{"source":1,"target":0,"value":5},{"source":1,"target":7,"value":5},{"source":1,"target":3,"value":5},{"source":2,"target":1,"value":5},{"source":3,"target":6,"value":5},{"source":3,"target":5,"value":5},{"source":3,"target":1,"value":5},{"source":3,"target":4,"value":5},{"source":4,"target":3,"value":5},{"source":5,"target":3,"value":5},{"source":6,"target":3,"value":5},{"source":7,"target":1,"value":5},{"source":9,"target":1,"value":10},{"source":10,"target":3,"value":10},{"source":11,"target":1,"value":10},{"source":12,"target":3,"value":10},{"source":13,"target":4,"value":10}]}

var margin = {top: 40, right: 40, bottom: 40, left: 40},
    width = 960 - margin.left - margin.right,
    height = 960 - margin.top - margin.bottom;

var x = d3.scale.linear()
    .domain([0, width])
    .range([0, width]);

var y = d3.scale.linear()
    .domain([0, height])
    .range([height, 0]);



var color = d3.scale.category20();

var force = d3.layout.force()
    .charge(-50)
    .theta(0.03)
    .linkDistance(50)
    .linkStrength(0.5)
   ...