Fork of Fork of D3.js collapsible tree with boxes
This example presents a collapsible tree diagram with rectangular nodes, rendered as an SVG with animated transitions. It adapts a classic D3.js tree layout so that each node is a colored box carrying a label and subname, with dashed links connecting parent and child nodes. The code uses `d3.tree`, `d3.hierarchy`, and click handlers to collapse or expand subtrees, while `d3.behavior.zoom` enables pan and zoom interactions. The sample data is a nested JSON structure with four node types, each assigned a distinct color.