JSFiddle - React, Tailwind, and code Playground
CSS
.node {
cursor: pointer;
}
.node circle {
fill: #fff;
stroke: steelblue;
stroke-width: 1.5px;
}
.node text {
font: 10px sans-serif;
}
.link {
fill: none;
stroke:#006600;
stroke-width: 1.5px;
}
JavaScript
var json = {
"name": "Internet hallintanäkökulma",
"children": [
{
"name": "Internet Corporation for Assigned Names and Numbers (ICANN)",
"children": [
{
"name": "Internet Assigned Numbers Authority (IANA)",
"children": [
{
"name": "African Network Information Centre(AfriNIC)"
},
{
"name": "American Registry for Internet Numbers (ARIN)"
},
{
"name": "Asia-Pacific Network Information Centre (APNIC)"
},
{
"name": "Latin America and Caribbean Network Information Centre (LACNIC)"
},
{
"name": "Réseaux IP Européens Network Coordination Centre(RIPE NCC)"
}
]
},
{
"name": "DNS root zone"
}
]
},
{
"name": "Internet Architecture Board (IAB)",
"children": [
{
"name": "Internet Engineering Task Force (IETF)",
"children": [
{
"name": "Internetin standardointi (RFC)"
}
]
},
{
"name": "Internet Research Task Force (IRTF)",
"children": [
{
"name": "Internetin kehittämistä tutkimuksella"
}
]
}
]
},
{
"name": "Internet Society (ISOC)",
"children": [
{
"name": "Tavoitteena taata Internetin avoin kehitys ja pitää se saatavilla kaikille"
}
]
},
{
"name": "Internet Governance Forum (IGF)",
"children": [
{
"name": "Subject area initiatives"
},
{
"name": "Regional initiatives"
},
{
"name": "National initiatives",
"children": [
{
"name": "Finland IGF"
},
{
"name": "jne."
},
{
"name": "Foorumi Internetin hallintoon...