{"version":"1.0","type":"rich","title":"Fork of D3.js collapsible tree with boxes","description":"This interactive visualization displays a hierarchical tree structure as collapsible boxes, with each node representing a named entity and its connections labeled with synchronization details (SYNC or ASYN). Built with D3.js v3 and jQuery, the tree uses SVG rendering and animated transitions for expand/collapse interactions. The code implements custom layout calculations, including collision detection to prevent node overlap, and enhances usability with zoom and drag capabilities via `d3.behavior.zoom`, while tooltips provide additional node information. Data is loaded from a JSON file defining the tree structure and node attributes like type and version.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/32b942dc3ce0465c8ba963d1104e0b94?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}