Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3.js collapsible tree with boxes

Public visualization

Viewing a saved revision (read-only)

862baffd80534f5bb3f11a8807a245ec

D3.js collapsible tree with boxes

2 stars31🌍 Public
Aadolfobarreiros
Last edited Apr 24, 2019
Created on Apr 24, 2019
Forked from Hello VizHub

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 description

This is a description using Markdown.