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)

d540569f86ea46c1b7859c5bcb3c755d

Fork of D3.js collapsible tree with boxes

0 stars0🌍 Public
CCharan
Last edited Oct 17, 2023
Created on Oct 17, 2023

This fork of a D3.js v3 collapsible tree renders hierarchical JSON data using rectangular nodes colored by type. Clicking a node expands or collapses its children with a smooth animation, while links display directions and tooltips appear on hover. The visualization supports zooming and dragging via `d3.behavior.zoom`. Node layout and depth are computed with `d3.layout.tree`, and the SVG output dynamically resizes based on tree breadth and depth, with custom styling defined in CSS classes.

AI-generated description

This is a description using Markdown.