{"version":"1.0","type":"rich","title":"D3 Hierarchy Component 4","description":"A hierarchical tree diagram displays task categories and subgoals, such as Programming under Main Goal and Cardio under Health, using SVG rectangles and text labels connected by curved horizontal links. The D3 v3 component builds the layout with `d3.hierarchy` and `d3.tree`, applies `linkHorizontal` for edge paths, and supports zooming via `d3.zoom`. Node positions derive from the tree layout’s separation function, while styling applies green translucent links and hover effects. Data loads from a local `data.json` file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1667f5f69b5448d7862b733b230805e9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}