Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ice8 -Tree

Public visualization

ice8 -Tree

0 stars0🌍 Public
SSaivignesh-9176
Last edited Mar 30, 2023
Created on Mar 13, 2023

This interactive tree diagram visualizes a hierarchical dataset, with nodes representing names and animated connections showing parent-child relationships. Clicking a node toggles the expansion or collapse of its children, smoothly transitioning the layout. Built with d3.layout.tree, it uses d3.svg.diagonal for curved links and d3.json to load the external qn_tree.json file. The SVG rendering includes a fixed-depth normalization, orange node strokes, and semi-transparent links, with all nodes positioned based on their depth in the hierarchy.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed