{"version":"1.0","type":"rich","title":"ICE8-Tree","description":"A hierarchical tree visualization displays a student data structure with parent-child relationships, including courses, names, and grades. Each generation is color-coded by depth level. The D3.js code uses the `d3.stratify()` utility to organize the data hierarchy and `d3.tree()` to compute node positions. Paths animate via chained `.transition().duration()` calls, while circles and text labels are rendered as SVG elements with staggered entrance animations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a6b5472e184d4cbfa88e8b6fc60ef258?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}