Fork of D3.js collapsible tree with boxes
This example displays a collapsible tree visualization where each node is a box containing metadata like name, type, code, and version, with links labeled by direction (SYNC or ASYN). It uses d3.layout.tree to compute the hierarchy and SVG elements for rendering, with click interactions to expand or collapse child nodes. The tree is dynamically sized based on the data’s breadth and depth, and supports zooming and dragging via d3.behavior.zoom. Tooltips on hover provide additional details, and data is loaded from a JSON file.