{"version":"1.0","type":"rich","title":"Family tree using d3.js","description":"This example shows a family tree with three generations, using colored circles to represent individuals and curved paths for parent-child relationships. The layout is generated from a flat array of child-parent pairs using `d3.stratify()` and `d3.tree()`, with nodes positioned according to the tree's computed x and y coordinates. Circles are colored via a custom `getColor` function based on node depth, and labels are added as SVG `<text>` elements. The visualization uses D3 v5 and renders entirely as SVG, with a fixed 960×600 viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0b249e706ed541ddba9d47f24cf3c77a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}