{"version":"1.0","type":"rich","title":"practice tree","description":"This visualization displays the hierarchical structure of energy infrastructure distribution, showing power plants, substations, and distribution centers as a branching tree. The code uses d3.tree() to compute node positions and renders curved links as SVG paths with color-coded strokes based on each node’s level. Circles represent nodes with radii scaled by each entry’s value, while leaf labels include capacity numbers. The example creates an SVG with a light blue background, using D3 v7 to append nodes and text with custom styling defined in the accompanying CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d9a49d770a6640a8baf7927f1b5ae1f7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}