{"version":"1.0","type":"rich","title":"Document","description":"This example displays two separate tree diagrams side-by-side, each built from a hard-coded JavaScript object and array. The visualization shows how nodes with children are connected by links, with nodes rendered as circles and labeled with indices. The code constructs a hierarchical data structure using custom node objects, then passes it to D3's `d3.tree()` layout and `d3.hierarchy()` function to compute positions. Using D3's `.join()` API, it creates SVG circles for nodes, lines for links, and text labels within two distinct `g` elements, with the first tree omitting the root links.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/daed93ed486b412984c891e5dfdceb33?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}