Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE8_FamilyTree

Public visualization

ICE8_FamilyTree

0 stars2🌍 Public
SSai Bhavana Akkineni
Last edited Jul 10, 2022
Created on Jul 10, 2022
Forked from ICE-8 Family Tree

This example shows a hierarchical student data tree with nodes for a Student, Course, Name, Course variants, Grades, and First/Last Name, each color-coded by generation depth. It uses d3.stratify to structure the flat data array, d3.tree to compute node positions, and SVG circles and text to render the nodes. The code animates the links with a transition that moves each path from its source to target position over 1.5 seconds, while node circles also transition their radius.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed