{"version":"1.0","type":"rich","title":"Section 2A -Visualizing tree","description":"This example visualizes a hierarchical corporate cloud infrastructure as a tree, with nodes representing data centers, servers, databases, and services. The visualization uses D3 v7’s `d3.tree()` layout to position nodes, with shapes varying by data type—circles for databases, rectangles for services, and polygons for other components. Hovering over a node triggers a tooltip displaying the component’s name, type, CPU usage, and memory usage. Links between nodes are drawn as vertical paths using `d3.linkVertical()`, and the entire tree is rendered as SVG with metadata including CPU and memory values for each node.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/24bc49ae6e294c4699389fb48f69e8a0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}