Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree Graph

Public visualization

Viewing a saved revision (read-only)

52e387b92abb414eb048643c33efd270

Tree Graph

0 stars0🌍 Public
AAashish Pandey
Last edited Apr 5, 2022
Created on Apr 5, 2022

This example renders a collapsible tree graph in SVG using D3.js v3, with each node representing a person in a nested JSON data structure. Colored rectangles distinguish node types, and links connect parent to child nodes. The tree layout dynamically recalculates its dimensions based on node depth and width, and supports zoom and drag navigation via `d3.behavior.zoom`. Clicking a node expands or collapses its children with a smooth 750-millisecond transition, while tooltips and drop shadows enhance interactivity.

AI-generated description