JSFiddle - React, Tailwind, and code Playground

by Rom2BE

HTML

<script src="http://d3js.org/d3.v3.min.js"></script>

CSS

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

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

JavaScript

var links = [
    {"source":5,"value":1,"target":11},
    {"source":5,"value":1,"target":12},
    {"source":10,"value":1,"target":12},
    {"source":11,"value":1,"target":5},
    {"source":11,"value":1,"target":12},
    {"source":11,"value":1,"target":14},
    {"source":12,"value":1,"target":5},
    {"source":12,"value":1,"target":10},
    {"source":12,"value":1,"target":11},
    {"source":14,"value":1,"target":11},
    {"source":16,"value":1,"target":19},
    {"source":18,"value":1,"target":19},
    {"source":19,"value":1,"target":16},
    {"source":19,"value":1,"target":18}
];

var nodes = [
    {"name":"Vertex 5","group":"Virtuals-MacBook-Pro-36095"},
    {"name":"Vertex 9","group":"Virtuals-MacBook-Pro-36095"},
    {"name":"Vertex 15","group":"Virtuals-MacBook-Pro-3-53688"},
    {"name":"Vertex 20","group":"Virtuals-MacBook-Pro-36095"},
    {"name":"Vertex 26","group":"Virtuals-MacBook-Pro-4-40842"},
    {"name":"Vertex 29","group":"Virtuals-MacBook-Pro-36095"},
    {"name":"Vertex 33","group":"Virtuals-MacBook-Pro-36095"},
    {"name":"Vertex 37","group":"Virtuals-MacBook-Pro-36095"},
    {"name":"Vertex 49","group":"Virtuals-MacBook-Pro-3-53688"},
    {"name":"Vertex 52","group":"Virtuals-MacBook-Pro-4-40842"},
    {"name":"Vertex 53","group":"Virtuals-MacBook-Pro-4-40842"},
    {"name":"Vertex 58","group":"Virtuals-MacBook-Pro-36095"},
    {"name":"Vertex 59","group":"Virtuals-MacBook-Pro-4-40842"},
    {"name":"Vertex 65","group":"Virtuals-MacBook-Pro-4-40842"},
    {"name":"Vertex 73","group":"Virtuals-MacBook-Pro-4-40842"},
    {"name":"Vertex 74","group":"Virtuals-MacBook-Pro-36095"},
    {"name":"Vertex 80","group":"Virtuals-MacBook-Pro-36095"},
    {"name":"Vertex 84","group":"Virtuals-MacBook-Pro-4-40842"},
    {"name":"Vertex 87","group":"Virtuals-MacBook-Pro-4-40842"},
    {"name":"Vertex 99","group":"Virtuals-MacBook-Pro-4-40842"}
];

var width = 450,
    height = 500;

var color = d3.scale.category10();

var force = d3.layout.force()
   ...