{"version":"1.0","type":"rich","title":"Family Tree and Network Graph with help of D3.js","description":"This example presents two interactive visualizations side-by-side: a network graph and a hierarchical family tree, both built with D3.js. The network graph uses a force-directed layout via `d3.forceSimulation` with `d3.forceLink` and `d3.forceManyBody` to arrange nodes and links, while node labels are positioned by the simulation tick. The family tree is constructed from the same underlying data using `d3.stratify` and `d3.tree`, creating a tidy hierarchy. Both visualizations render as SVG elements with custom styling for nodes, links, and labels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8a59e9970fa44afcaf5a0bfe70e8aafc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}