{"version":"1.0","type":"rich","title":"Fork of D3 Stratify tree diagram","description":"This visualization uses the d3.stratify layout to render a small genealogical tree from hardcoded CSV data, displaying the names Eve, Cain, Seth, and their descendants. The tree diagram uses SVG paths generated by d3.linkHorizontal for the connecting links, while text labels are positioned based on the computed x and y coordinates. The code demonstrates a React-compatible approach by importing select and tree from d3, applying a custom stratify function to parse parent-child relationships, and styling the paths with a teal stroke color defined in CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/25ee11b4143f40978444b310992c4f81?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}