{"version":"1.0","type":"rich","title":"ICE8 Family Tree","description":"This example renders a family tree using D3.js v5’s `d3.stratify()` and `d3.tree()` layout, displayed as SVG circles connected by cubic Bézier paths. Node colors indicate hierarchical depth—red for root, blue for depth 1, green for depth 2, and yellow for depth 3—with each node labeled by name. The input is a flat array of parent-child pairs, which the code transforms into a hierarchical structure before positioning and drawing the tree on an 900×900 SVG canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/82791fd6e3d946adbb8af9802b14846c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}