🌍 Public
Viewing a saved revision (read-only)
f0b5601eaac34f7c9b6f8e70137ff114
Fork of React & D3 Starter
This example presents a three-generation family tree as a static dendrogram, with each generation distinguished by a unique node shape and color. It uses D3’s hierarchy and tree layout algorithms to position nodes, while SVG paths draw the connecting links. The code leverages D3 v7 APIs such as `d3.select`, `d3.hierarchy`, `d3.tree`, `linkVertical`, and the `join` operator to build the visualization. A legend clarifies the shape-to-generation mapping, and the SVG is rendered directly in an HTML file with hardcoded family data.
AI-generated description