{"version":"1.0","type":"rich","title":"d3NoobV5 Reusable Examples - Tree Diagram Interactive v5","description":"This example shows an interactive tree diagram built with D3.js v5, displaying hierarchical data from a flat JSON array. The visualization uses d3.stratify to convert the flat parent-child relationships into a hierarchy, followed by d3.tree to compute the layout. Nodes are rendered as SVG circles with text labels, connected by curved paths that serve as links. The code follows a reusable chart pattern, with margins, configurable dimensions, and a title, all drawn within an SVG container. The data includes five nodes across three levels, with the tree expanding downward and to the right.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a3e82b7d96354577b2b603cda8330755?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}