Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Tree 7

Public visualization

Viewing a saved revision (read-only)

b5df0075bc8543dfbc847c36e723bb9e

Fork of Tree 7

1 star0🌍 Public
Ssonakshi
Last edited Oct 19, 2021
Created on Oct 19, 2021
Forked from Tree 7

An animated D3.js v3 tree diagram presents a hierarchical dataset loaded from a JSON file. The visualization uses `d3.layout.tree`, `d3.svg.diagonal` for links, and SVG transitions to expand and collapse nodes on click. Node colors reflect custom classes, such as `.blinkwarn` and `.blinkred`, which trigger CSS keyframe animations. The tree layout derives x and y positions from depth, normalizing vertical spacing to 120 pixels per level.

AI-generated description