Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Fork of Fork of Tree 7

Public visualization

Viewing a saved revision (read-only)

fca6527c231e44e78b84ea3afe85e373

Fork of Fork of Fork of Fork of Tree 7

0 stars1🌍 Public
Yyaswanthsen
Last edited Mar 26, 2023
Created on Mar 26, 2023

This example visualizes a hierarchical tree structure from a JSON file, displaying a root node that branches into nested child nodes such as “kamasani,” “lalli,” and “prabhakar.” Each node is represented by a circle and a bold text label, with the layout arranged vertically and expanding from left to right. The visualization uses the D3.js library, specifically `d3.layout.tree`, `d3.svg.diagonal`, and `d3.json`, to compute node positions and draw curved links between them. The SVG rendering includes smooth animated transitions when users click on a node to collapse or expand its children, with node and link movements updating over a 1100-millisecond duration.

AI-generated description