JSFiddle - React, Tailwind, and code Playground

HTML

<div id="networkgraph"></div>

JavaScript

var graph = {
    "nodes": [{
        "name": "Myriel",
        "group": 1
    }, {
        "name": "Napoleon",
        "group": 1
    }, {
        "name": "Mlle.Baptistine",
        "group": 1
    }, {
        "name": "Mme.Magloire",
        "group": 1
    }, {
        "name": "CountessdeLo",
        "group": 1
    }, {
        "name": "Geborand",
        "group": 1
    }, {
        "name": "Champtercier",
        "group": 1
    }, {
        "name": "Cravatte",
        "group": 1
    }, {
        "name": "Count",
        "group": 1
    }, {
        "name": "OldMan",
        "group": 1
    }, {
        "name": "Labarre",
        "group": 2
    }, {
        "name": "Valjean",
        "group": 2
    }, {
        "name": "Marguerite",
        "group": 3
    }, {
        "name": "Mme.deR",
        "group": 2
    }, {
        "name": "Isabeau",
        "group": 2
    }, {
        "name": "Gervais",
        "group": 2
    }, {
        "name": "Tholomyes",
        "group": 3
    }, {
        "name": "Listolier",
        "group": 3
    }, {
        "name": "Fameuil",
        "group": 3
    }, {
        "name": "Blacheville",
        "group": 3
    }, {
        "name": "Favourite",
        "group": 3
    }, {
        "name": "Dahlia",
        "group": 3
    }, {
        "name": "Zephine",
        "group": 3
    }, {
        "name": "Fantine",
        "group": 3
    }, {
        "name": "Mme.Thenardier",
        "group": 4
    }, {
        "name": "Thenardier",
        "group": 4
    }, {
        "name": "Cosette",
        "group": 5
    }, {
        "name": "Javert",
        "group": 4
    }, {
        "name": "Fauchelevent",
        "group": 0
    }, {
        "name": "Bamatabois",
        "group": 2
    }, {
        "name": "Perpetue",
        "group": 3
    }, {
        "name": "Simplice",
        "group": 2
    }, {
        "name": "Scaufflaire",
        "group": 2
    }, {
        "name": "Woman1",
        "group": 2
    }, {
        "name": "Judge",
        "group":...