🌍 Public
Viewing a saved revision (read-only)
7d2f4e395d5641cfa770e31b832a1545
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)