🌍 Public
Viewing a saved revision (read-only)
862baffd80534f5bb3f11a8807a245ec
D3.js collapsible tree with boxes
This interactive tree visualization displays hierarchical data with collapsible nodes. The tree is drawn with rectangular boxes using SVG elements for nodes, links, and arrows. Built with D3.js v3, the visualization uses the `d3.layout.tree` algorithm to position nodes and supports zooming and dragging. The code includes a breadth-first traversal function to color-code nodes by type and dynamically calculate the canvas size, with all styling defined in a dedicated CSS file.
AI-generated descriptionThis is a description using Markdown.