Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3.js collapsible tree with boxes

Public visualization

Viewing a saved revision (read-only)

bb8b39b3264649a5bf07b390f0a56f21

Fork of D3.js collapsible tree with boxes

0 stars0🌍 Public
SSufia Ashraf
Last edited Oct 18, 2022
Created on Oct 18, 2022

This visualization is an interactive collapsible tree that displays hierarchical data in rectangular nodes, where each node can be clicked to expand or collapse its children. The tree is rendered using D3.js v3 with SVG and includes animated transitions, colored nodes based on their data type, and tooltips that appear on hover. The code uses `d3.layout.tree()` for layout, `d3.select()` for DOM manipulation, and a custom `treeBoxes()` function to manage the drawing and updating of the tree, with the data loaded from a JSON file.

AI-generated description

This is a description using Markdown.