{"version":"1.0","type":"rich","title":"Simple Tree with D3.js","description":"A simple hierarchical tree diagram visualizes a root node with three branches—Animals, Vehicles, and Countries—each leading to two leaf nodes. The code uses D3.js v6’s `d3.hierarchy` and `d3.tree` layouts to compute node positions, and renders the structure as an SVG with curved links via path elements. Nodes appear as steelblue circles, with labels added as text elements, and a custom `project` function converts the tree layout’s polar coordinates into Cartesian coordinates for placement.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e57522c612f54e55b2860549947360c3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}