JSFiddle - React, Tailwind, and code Playground

HTML

<div id="chart"></div>

CSS

.node {
  font: 300 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
  fill: #bbb;
}

.node:hover {
  fill: #000;
}

.link {
  stroke: steelblue;
  stroke-opacity: .4;
  fill: none;
  pointer-events: none;
}

.node:hover,
.node--source,
.node--target {
  font-weight: 700;
}

.node--source {
  fill: #2ca02c;
}

.node--target {
  fill: #d62728;
}

.link--source,
.link--target {
  stroke-opacity: 1;
  stroke-width: 2px;
}

.link--source {
  stroke: #d62728;
}

.link--target {
  stroke: #2ca02c;
}

JavaScript

var flaredata = [{
  "name": "Colby Eppard",
  "size": 2010,
  "imports": "White"
}, {
  "name": "Thomas Waller",
  "size": 2010,
  "imports": "Black"
}, {
  "name": "Tedlee Hargrove",
  "size": 2010,
  "imports": "Black"
}, {
  "name": "Donald Barry Minter",
  "size": 2010,
  "imports": "White"
}, {
  "name": "Billy Smith",
  "size": 2010,
  "imports": "White"
}, {
  "name": "David Lewis Warren",
  "size": 2010,
  "imports": "Black"
}, {
  "name": "Jamarr Hassell",
  "size": 2010,
  "imports": "Black"
}, {
  "name": "Jataynun Fleming",
  "size": 2010,
  "imports": "Black"
}, {
  "name": "John Calvin Chewning",
  "size": 2010,
  "imports": "Wite"
}, {
  "name": "Max Frye",
  "size": 2010,
  "imports": "White"
}, {
  "name": "Charles Sr. Sponaugle",
  "size": 2010,
  "imports": "White"
}, {
  "name": "Roderick Warren Valentine",
  "size": 2010,
  "imports": "Black"
}, {
  "name": "Tynisha Townsend",
  "size": 2010,
  "imports": "Black"
}, {
  "name": "Stephen Andre Lee",
  "size": 2010,
  "imports": "Black"
}, {
  "name": "David Bailey",
  "size": 2011,
  "imports": "Black"
}, {
  "name": "Richard Ferris",
  "size": 2011,
  "imports": "White"
}, {
  "name": "Charleston Detron Newby",
  "size": 2011,
  "imports": "Black"
}, {
  "name": "Randy Newberry",
  "size": 2011,
  "imports": "White"
}, {
  "name": "Joseph Croft",
  "size": 2011,
  "imports": "White"
}, {
  "name": "Kirill Denyakin",
  "size": 2011,
  "imports": "White"
}, {
  "name": "William A. Cooper",
  "size": 2011,
  "imports": "White"
}, {
  "name": "Ricardo Leon",
  "size": 2011,
  "imports": "Hispanic"
}, {
  "name": "Basil Berry",
  "size": 2011,
  "imports": "Black"
}, {
  "name": "Marquize Martin",
  "size": 2011,
  "imports": "Black"
}, {
  "name": "Jeremy Farley",
  "size": 2011,
  "imports": "White"
}, {
  "name": "Kenneth Smallwood Jr.",
  "size": 2011,
  "imports": "Black"
}, {
  "name": "Gregory McCraken",
  "size": 2011,
  "imports": "White"
}, {
  "name": "Robert Christopher Burchfield",
 ...