The node.children property in D3.js returns an array of child nodes (null for leaf nodes and undefined for nodes having no child).
Syntax:
node.children
Return Value: This property returns an array of child nodes (null for leaf nodes and undefined for nodes having no child).
Example 1:
HTML
<!DOCTYPE html> <html>
<head>
<meta charset="utf-8">
<script src=
</script>
</head>
<body>
<script>
var data = {
"name":"GeeksforGeeks",
"about":"Computer Science Portal",
"children":[{"name":"GFG"}]
}
var root = d3.hierarchy(data);
console.log(root.children);
</script>
</body>
</html>
|
Output:
Example 2: In this example, this method returns undefined as the root node has no child node.
HTML
<!DOCTYPE html> <html>
<head>
<meta charset="utf-8">
<script src=
</script>
</head>
<body>
<script>
var data = {"name":"GFG1"}
var root = d3.hierarchy(data);
console.log(root.children);
</script>
</body>
</html>
|
Output: