🌍 Public
Viewing a saved revision (read-only)
952bf496ad7a4d4888261eb2d797697f
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.