Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Family Tree

Public visualization

Family Tree

0 stars0🌍 Public
Cchandrakalavanukuri
Last edited Apr 5, 2022
Created on Apr 5, 2022
Forked from Family Tree

This visualization displays a family tree using D3.js, with each node representing a family member and colored by generation level. The root, "cherry," branches to two children, which then expand into three generations of descendants. The code uses `d3.stratify()` to build the tree structure from the flat data and `d3.tree()` to calculate the node positions. SVG paths are animated to draw connections between nodes, while circles represent members with labels, all rendered on a grey background using SVG elements.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed