JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <title></title>
         <link href="http://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet"
        type="text/css" />
  <script src="http://d3js.org/d3.v2.min.js" type="text/javascript"></script> 
    </head>
    <body></body>
</html>

CSS

text
        {
            font-family: "Contrail One";
            text-shadow: 4px 4px 4px #aaa;
        }
        
        line.link
        {
            stroke: #999;
            stroke-opacity: .4;
        }
path {
  fill: lightsteelblue;
  stroke: #000;
    stroke-linejoin:round;
    opacity:0.2;
}
circle
{
    opacity:0.5;
}

JavaScript

var vertices = new Array();
var width = 960,
    height = 500;
var color = d3.scale.category10();
var r = 6;
var force = d3.layout.force().size([width, height]);
var svg = d3.select("body").append("svg").attr("width", width).attr("height", height).attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");
$(function() {

    var json =...