{"version":"1.0","type":"rich","title":"D3 Network Graph and Family Tree","description":"This example presents a family tree and a network graph side-by-side, both visualizing the same 13-person genealogy dataset. The left panel uses a force-directed network layout, while the right panel uses a structured tree layout. The network graph employs D3's `forceSimulation` API with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes, while the family tree uses the `d3.tree` and `d3.stratify` functions to create a hierarchical structure from the parent-child relationships. Both are rendered as SVG with circles and text labels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9499d429b3d04d1da19e58f516eb9e55?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}