JSFiddle - React, Tailwind, and code Playground
by daniel silva
HTML
<script src="http://d3js.org/d3.v3.min.js"></script>
<body>
<div id="tree1"></div>
</body>
CSS
.link {
fill: none;
stroke: #000;
}
.node {
stroke: #fff;
}
#tree1 {
width: 100%;
}
JavaScript
var data1 = "source,target\n" +
"TOT01,TO1505\n" +
"TO1505,TOPOS01\n" +
"TO1505,TO5735\n" +
"TOT01,BMT04\n" +
"BM3527,BMT04\n" +
"TOT01,TO5742\n" +
"TOT01,TO1587\n" +
"TOT01,TO1502\n" +
"TOT01,TO1501\n" +
"TOT01,TO1507\n" +
"TOT01,TO5610\n" +
"TOT01,TO1599\n" +
"TOT01,TO5759\n" +
"TOT01,TO1528\n" +
"TOT01,TO5758\n" +
"TO1529,TOT01\n" +
"TOT01,TO1589\n" +
"TOT01,TO1588\n" +
"TOT01,TOT07\n" +
"TOT01,TOT12\n" +
"TO1587,TO5603\n" +
"TO1587,TO5604\n" +
"TO1587,TO1500\n" +
"TO1587,TO5717\n" +
"TO1502,TO1503\n" +
"TO1502,TO5713\n" +
"TO1501,TO1560\n" +
"TO1547,TO1501\n" +
"TO1501,TO5729\n" +
"TO1507,TO1508\n" +
"TO1507,TO1530\n" +
"TO1507,TO5703\n" +
"TO1599,TO5731\n" +
"TO1599,TO5601\n" +
"TO1528,TO1517\n" +
"TO1528,TO1526\n" +
"TO1528,TO1552\n" +
"TO1528,TO1593\n" +
"TO1528,TO5704\n" +
"TO1529,TO5606\n" +
"TO1589,TO5736\n" +
"TO1589,TO5743\n" +
"TO1588,TO5737\n" +
"TO1588,TO1595\n" +
"TOT07,TOT09\n" +
"TOT07,TO1537\n" +
"TOT07,TO5702\n" +
"TOT07,TO1533\n" +
"TOT07,TO1598\n" +
"TOT07,TO5722\n" +
"TOT07,TO5725\n" +
"TOT12,TO1562\n" +
"TOT12,TO1535\n" +
"TO1586,TOT12\n" +
"TO5603,TO5708\n" +
"TO5603,TO5602\n" +
"TO5603,TO5734\n" +
"TO1503,TO1506\n" +
"TO1503,TO5611\n" +
"TO5713,TO5710\n" +
"TO1560,TO1509\n" +
"TO1560,TO1591\n" +
"TO1547,TO1519\n" +
"TO1547,TO1564\n" +
"TO1547,TO1542\n" +
"TO5703,TO5749\n" +
"TO5731,TO5757\n" +
"TO1517,TO1524\n" +
"TO1517,TO1545\n" +
"TO1517,TO1534\n" +
"TO1526,TO5705\n" +
"TO1526,TO5707\n" +
"TO1526,TO5746\n" +
"TO1552,TO1513\n" +
"TO1552,TO5701\n" +
"TO1552,TO1579\n" +
"TO5736,TO5733\n" +
"TO5736,TO5716\n" +
"TO1595,TO5605\n" +
"TOT09,TO1521\n" +
"TOT09,TO5772\n" +
"TOT09,TO1550\n" +
"TO1537,TO1538\n" +
...