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)

57210a334531434394121704cd21181b

D3.js collapsible tree with boxes

0 stars17🌍 Public
Ssrinivasjavvadi
Last edited Jan 3, 2024
Created on May 9, 2020

This example shows a hierarchical tree diagram where each node is a box containing text, with links drawn between parent and child nodes. Clicking a node collapses or expands its children with a smooth animated transition. The tree uses D3 v3’s layout and zoom behavior, with SVG for rendering. Node colors correspond to a `type` field from the JSON data, and tooltips appear on hover, while link arrows indicate sync or async direction.

AI-generated description

This is a description using Markdown.