D3.js collapsibleRRR tree with boxes
This interactive D3.js visualization displays a hierarchical tree structure with collapsible nodes, rendered as colored boxes using SVG. The tree data, loaded from a JSON file, represents nodes with attributes such as name, type, code, and version, along with directional links between parent and child nodes. The layout is computed using the `d3.layout.tree` algorithm, and nodes are colored based on their `type` field (e.g., blue, green, yellow, purple). The visualization supports zooming and panning through D3's zoom behavior and mouse wheel events, while tooltips appear on hover to show additional node details.