Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Family Tree ICE-8

Public visualization

Viewing a saved revision (read-only)

9c9aa84a0d794e2abb7f3bf5ac40b7a6

Family Tree ICE-8

0 stars2🌍 Public
AAmanullah007
Last edited Apr 4, 2022
Created on Apr 4, 2022
Forked from Hello Package.json

This example renders a family tree as an indented hierarchical diagram using D3.js v5. It visualizes three generations of relatives, with each node represented by a circle whose radius encodes a numeric value and whose fill and stroke colors are set from data properties. Curved link paths connect parent to child nodes using a custom cubic Bézier command. The layout is computed with `d3.tree()` and `d3.hierarchy()`, while SVG elements are bound to the dataset directly in the source code.

AI-generated description