🌍 Public
Viewing a saved revision (read-only)
197a7da0daad4a80a36989f229854af1
D3.js collapsible tree with boxes
This example shows a collapsible hierarchical tree diagram rendered as rectangular boxes, with each node displaying labels, types, and version information. Users can expand and collapse branches by clicking nodes, which triggers smooth animated transitions. The tree layout and zoom/pan behavior are implemented using d3.layout.tree and d3.behavior.zoom from D3.js v3. Node colors correspond to the "type" field in the loaded JSON data, and tooltips are added as SVG elements with jQuery-based positioning.
AI-generated descriptionThis is a description using Markdown.