JSFiddle - React, Tailwind, and code Playground

by YOUNY zhu

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;
}

JavaScript

var pubs =
{"name": "homo sapiens", "children": [
    {
        "dbId": "109581",
        "name": "Apoptosis",
        "children": [
            {
                "dbId": "109607",
                "name": "Extrinsic Pathway for Apoptosis",
                "children": [
                    {
                        "dbId": "73887",
                        "name": "Death Receptor  Signalling",
                        "children": [
                            {
                                "dbId": "75157",
                                "name": "FasL CD95L signaling",
                                "children": [],
                                "size": 1,
                                "simbols": ["FASLG", "FAS", "FADD", "CASP8", "E6", "CASP10"],
                                "gallusOrth": {
                                    "yesNum": 5,
                                    "noNum": 0,
                                    "type": "Part"
                                }
                            },
                            {
                                "dbId": "75893",
                                "name": "TNF signaling",
                                "children": [],
                                "size": 1,
                                "simbols": ["FASLG", "FAS", "FADD", "CASP8", "E6", "CASP10"],
                                "gallusOrth": {
                                    "yesNum": 5,
                                    "noNum": 0,
                                    "type": "Part"
                                }
                            },
                            {
                                "dbId": "75158",
                                "name": "TRAIL  signaling",
                                "children": [],
                                "size": 1,
                                "simbols": ["FASLG", "FAS", "FADD", "CASP8", "E6", "CASP10"],
                                "gallusOrth": {
                     ...