{"version":"1.0","type":"rich","title":"Scenario Hierarchy Graph","description":"This interactive tree diagram visualizes a hierarchical scenario structure with collapsible nodes, showing steps and their sub-steps for a data flow. Built with D3 v7, it uses `d3.hierarchy` and `d3.tree` to compute layouts, while `d3.link` with `curveStepAfter` generates step-shaped paths between nodes. Users can click nodes to expand or collapse children, triggering animated transitions with `d3.transition`. The SVG rendering includes circles and text labels, with data imported from a JavaScript module. Collapsed nodes initially hide all descendants, revealing them progressively through click interactions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/49ffcbf8843b4825b795724b9f8c7248?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}