{"version":"1.0","type":"rich","title":"Family Tree","description":"This example visualizes a family tree as a hierarchical node-link diagram. It uses D3 v5’s `d3.stratify()` to convert flat parent-child data into a tree structure, then `d3.tree()` to compute layout positions. Nodes are rendered as SVG circles colored by depth (violet, yellow, red, green), connected by curved cubic Bézier paths, with each person’s name labeled via SVG text. The code runs in a React environment but renders entirely with SVG elements, with the dataset hardcoded in the script.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8c45d195c9c24511940e98dfafbe39da?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}