{"version":"1.0","type":"rich","title":"ICE8-Family Tree","description":"This example visualizes a family tree as a static SVG diagram, with nodes rendered as orange circles connected by maroon lines. The tree structure is defined by parent-child relationships in a JavaScript array, which is processed using d3.stratify and d3.tree to compute node positions. The React-based code appends SVG elements using d3.select and animates the appearance of links and text labels with d3.transition and duration timings. Each node displays a name in blue text, and the visualization starts with root node \"Dom\" at the top.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/15519607a31040ac886642375c46eedc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}