<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
/>
<
meta
name
=
"viewport"
path1tent
=
"width=device-width, initial-scale = 1.0"
/>
</
script
>
</
head
>
<
body
>
<
script
>
var obj = d3.hierarchy({
name: "rootNode",
children: [
{
name: "child1"
},
{
name: "child2",
children: [
{ name: "grandChild1" },
]
},
{
name: "child3",
children: [
{ name: "grandChild5" },
{ name: "grandChild6" },
{ name: "grandChild7" },
{ name: "grandChild8" },
]
}
]
});
// Descendant of child3
console.log("Descendant of child3 are: ");
console.log(obj.children[2]
.descendants()[0].data.name);
console.log(obj.children[2]
.descendants()[1].data.name);
console.log(obj.children[2]
.descendants()[2].data.name);
console.log(obj.children[2]
.descendants()[3].data.name);
console.log(obj.children[2]
.descendants()[4].data.name);
</
script
>
</
body
>
</
html
>