Skip to main content
100%

Fork of Fork of Fork of ICE-8 Family Tree

✓ Published1🌍 Public
VVenkata Sai Preetham
Last edited Jul 10, 2022
Created on Jul 10, 2022

This interactive family tree visualization displays a multi-generational genealogy chart as a collapsible node-link diagram. The tree layout, computed with `d3.layout.tree()`, arranges colored rectangular nodes—each representing a family member with name and relation labels—in a vertical hierarchy. Users can click nodes to expand or collapse their descendants, with animated transitions via `node.transition().duration()`. The SVG rendering includes drop-shadow filters, tooltips, and colored links (lightsteelblue normally, tomato when selected), all styled through the provided `boxStyle.css`. Data comes from the included `familyData.json` file, loaded via `d3.json()`.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes