{"version":"1.0","type":"rich","title":"Dynamic Tree with D3.js","description":"This example shows a hierarchical dataset of animals rendered as a dynamic tree diagram using D3.js v6. The tree layout positions parent and child nodes, with links drawn as horizontal curved paths via `d3.linkHorizontal`. Leaf nodes display custom colors from the data, while internal nodes are light gray, and each node is labeled with its name. The visualization is built with SVG, using D3’s `d3.hierarchy` and `d3.tree` to compute node coordinates, and the SVG height adjusts to fit the tree’s extent.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/46847fee189a44c0a9b29d318bdda197?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}