{"version":"1.0","type":"rich","title":"Family Tree","description":"This family tree visualization displays a hierarchy of family members as circles connected by lines, with each person’s name placed inside its corresponding node. The layout, generated from a dataset of parent–child pairs, uses D3.js v6 with the `stratify()` method to build the hierarchy and the `tree()` layout algorithm to position nodes. The SVG renderer draws each circle with a fill color from the data (defaulting to yellow) and connects parent and child nodes with straight-line paths. Text labels are added to each circle using D3’s selection and `.text()` method, with a bold 20px font size.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cc6bcf0a7c824c3fa7c5ec086aba8b53?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}