JSFiddle - React, Tailwind, and code Playground

HTML

<div id="body"></div>

CSS

.node {
    cursor: pointer;
}
.node circle {
    fill: #fff;
    stroke: steelblue;
    stroke-width: 1.5px;
}
.node text {
    font: 10px sans-serif;
}
.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
}
body {
    overflow: hidden;
}

JavaScript

var root =   {
    "Id": "00530000000sH9DAAU",
    "title": "Associate 2 Systems Specialist",
    "desc": "Sudeep",
    "children": [
      {
        "Id": "0053000000C8ACTAA3",
        "title": "Lead Systems Specialist",
        "desc": "Kristie Spooner",
        "ManagerId": "00530000000sH9DAAU",
        "children": [
          {
            "Id": "0050M00000DJPnQQAX",
            "title": "Agency Temp",
            "desc": "Joanne Bonoan",
            "ManagerId": "0053000000C8ACTAA3",
            "children": []
          },
          {
            "Id": "0050M00000ATzEoQAL",
            "title": "Agency Temp",
            "desc": "Ericka Escolero",
            "ManagerId": "0053000000C8ACTAA3",
            "children": []
          }
        ]
      },
      {
        "Id": "0053000000BQ0uNAAT",
        "title": "Senior Manager, Systems Specialists",
        "desc": "Satish Nataraj",
        "ManagerId": "00530000000sH9DAAU",
        "children": [
          {
            "Id": "0053000000BoFVZAA3",
            "title": "Manager, Systems Specialist",
            "desc": "Aditya Thakur",
            "ManagerId": "0053000000BQ0uNAAT",
            "children": [
              {
                "Id": "0053000000C83DoAAJ",
                "title": "Systems Specialist",
                "desc": "Rajendhar Mydam",
                "ManagerId": "0053000000BoFVZAA3",
                "children": []
              },
              {
                "Id": "0053000000C7hlPAAR",
                "title": "Consultant",
                "desc": "Anitha Ilapakurti",
                "ManagerId": "0053000000BoFVZAA3",
                "children": []
              },
              {
                "Id": "00530000009M3nTAAS",
                "title": "Systems Specialist I",
                "desc": "Calin Fintzi",
                "ManagerId": "0053000000BoFVZAA3",
                "children": []
              },
              {
                "Id": "00530000008xb0VAAQ",
               ...