JSFiddle - React, Tailwind, and code Playground

CSS

circle {
    fill: rgb(31, 119, 180);
    fill-opacity: .25;
    stroke: rgb(31, 119, 180);
    stroke-width: 1px;
}
.leaf circle {
    fill: #ff7f0e;
    fill-opacity: 1;
}
text {
    font: 10px sans-serif;
}

JavaScript

var data = [{
    "Country": "EUROPEAN",
        "entityid": 4,
        "Organisation": "OrgAA"
}, {
    "Country": "EUROPEAN",
        "entityid": 5,
        "Organisation": "OrgBB"
}, {
    "Country": "EUROPEAN",
        "entityid": 6,
        "Organisation": "OrgCC"
}, {
    "Country": "EUROPEAN",
        "entityid": 12,
        "Organisation": "OrgDD"
}, {
    "Country": "EUROPEAN",
        "entityid": 22,
        "Organisation": "OrgEE"
}, {
    "Country": "EUROPEAN",
        "entityid": 23,
        "Organisation": "OrgFF"
}, {
    "Country": "FRANCE",
        "entityid": 19,
        "Organisation": "OrgGG"
}, {
    "Country": "GERMANY",
        "entityid": 10,
        "Organisation": "OrgHH"
}, {
    "Country": "GERMANY",
        "entityid": 11,
        "Organisation": "OrgJJ"
}, {
    "Country": "GERMANY",
        "entityid": 20,
        "Organisation": "OrgKK"
}, {
    "Country": "ITALY",
        "entityid": 7,
        "Organisation": "OrgLL"
}, {
    "Country": "NETHERLANDS",
        "entityid": 29,
        "Organisation": "OrgMM"
}, {
    "Country": "UK",
        "entityid": 3,
        "Organisation": "OrgNN"
}, {
    "Country": "UK",
        "entityid": 8,
        "Organisation": "OrgOO"
}, {
    "Country": "UK",
        "entityid": 14,
        "Organisation": "OrgPP"
}, {
    "Country": "UK",
        "entityid": 18,
        "Organisation": "OrgQQ"
}, {
    "Country": "USA",
        "entityid": 1,
        "Organisation": "OrgRR"
}, {
    "Country": "USA",
        "entityid": 2,
        "Organisation": "OrgSS"
}, {
    "Country": "USA",
        "entityid": 13,
        "Organisation": "OrgTT"
}, {
    "Country": "USA",
        "entityid": 16,
        "Organisation": "OrgUU"
}, {
    "Country": "USA",
        "entityid": 31,
        "Organisation": "OrgVV"
}];

var idByOrg = {};
data.forEach(function (d) {
    idByOrg[d.Organisation] = d.entityid;
});


//Set canvas size
var diameter = 760,
    format = d3.format(",d");


//Declare the D3 layout type and...