{"version":"1.0","type":"rich","title":"Family Tree ICE-8","description":"This example shows a family tree visualization using D3 v5, rendered as SVG in a React framework. The tree layout is created with `d3.stratify` and `d3.tree`, positioning nodes by depth and computing curved paths for parent-child links. Circle markers for each person are colored by hierarchical depth—red, blue, green, or yellow—and text labels display names beside the nodes. The data consists of a hardcoded array of child-parent relationships, and the visualization maps these into a clear, color-coded ancestry chart.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/071bdda08c4e4b46a3e571967140d26b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}