🌍 Public
Viewing a saved revision (read-only)
2ebffd8ca58c433b9d8fd81274bf24f8
tree of kids
This family tree visualization displays three generations descending from a root couple, with each generation represented by a distinct shape: a golden circle for the root, green rounded rectangles for parents, and blue diamonds for descendants. The hierarchical layout uses `d3.stratify()` to structure the data and `d3.tree()` with `d3.linkHorizontal()` to position nodes and draw curved links. Node labels alternate sides based on whether they have children, and a legend clarifies the shape-to-generation mapping. The SVG rendering uses D3 v7 with a custom margin and coordinate system.
AI-generated description