Skip to main content
100%

Fork of Fork of D3.js collapsible tree with boxes

✓ Published0🌍 Public
HHaili0109
Last edited Nov 28, 2024
Created on Nov 28, 2024

This example presents a hierarchical organizational tree using D3.js v3, displaying departments, teams, and individual members as distinct nodes with labeled links indicating synchronous or asynchronous connections. The visualization uses an SVG-based collapsible tree layout, with rectangular boxes for nodes and tooltips for additional information. Rendered from JSON data, the tree employs D3's tree layout and scales node colors by depth, with D3 link generators creating curved paths between hierarchical levels. The interface supports interactive node selection and expansion, as demonstrated by the `treeBoxes` function called on load.

AI-generated description

This is a description using Markdown.

MIT Licensed

Similar vizzes