🌍 Public
Viewing a saved revision (read-only)
f9991fbf5ead480d8fd90fde79346f2d
Family tree using d3.js
This example displays a family tree as a node-link diagram rendered in SVG, with color-coded nodes indicating generational depth and curved paths connecting parents to children. The visualization uses d3.stratify() to structure flat parent-child data and d3.tree() to compute node positions within an 850x300 layout. Circles represent individuals labeled with names, while the code manually constructs cubic Bézier path strings for links and applies level-based fill colors via a custom getColor function.
AI-generated descriptionMaking a basic emoji using D3.js & SVG(Scalable Vector Graphics)