Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment - 8 - 2.1

Public visualization

Viewing a saved revision (read-only)

6b2861b916c047c5a559c8a545403f82

Assignment - 8 - 2.1

0 stars1🌍 Public
AAriful Hasan
Last edited Apr 12, 2026
Created on Apr 12, 2026

This family tree visualization displays three generations of a family using a hierarchical tree layout. The D3.js visualization uses the `d3.hierarchy` and `d3.tree` APIs to position nodes and `d3.linkVertical` to draw connecting links as SVG paths. Each node is a colored circle, with distinct colors differentiating grandparents, parents, and children, including a node for "Me" and cousins. The SVG is fixed at 900x500 pixels, and the data is hard-coded as a JavaScript object within the script.

AI-generated description