{"version":"1.0","type":"rich","title":"tree and network","description":"This example shows a multi-generation family tree as a compact vertical hierarchy, with nodes colored by depth to distinguish generations. The visualization loads CSV data containing child–parent relationships from a GitHub Gist, then uses `d3.stratify()` to build the hierarchy and `d3.tree()` to compute the layout. Curved links are drawn with `d3.linkVertical()`, while node circles use `d3.scaleOrdinal` to map generation depth to colors. A hover tooltip displays each person’s name and parent, rendered as SVG within a responsive viewBox.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f1695248e13d4a43b93487ddd11fef9e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}