🌍 Public
Viewing a saved revision (read-only)
8bd1d629673f48bc97f681e54fa12d32
D3.js collapsible tree with boxes
This interactive visualization presents a hierarchical tree as a series of collapsible boxes, using a JSON data structure to define nodes with properties like type, version, and link direction. The layout, built with `d3.layout.tree`, positions nodes vertically, while SVG rectangles and text display the node labels. Users can click nodes to expand or collapse the hierarchy, with animated transitions and colored boxes indicating different node types. The implementation uses the `d3.behavior.zoom` feature for panning and zooming, and SVG definitions for arrows and drop shadows, all rendered within an SVG container managed by D3.js v3.
AI-generated descriptionThis is a description using Markdown.