🌍 Public
Viewing a saved revision (read-only)
d4893e699595404e9dbb1cf759f21179
Family Tree
This family tree visualization displays three generations of a family using a collapsible tree layout, with each generation color-coded via type tags in the data. Nodes present names as rectangles with rounded corners, connected by curved links, and the entire SVG drawing supports zooming and panning through `d3.behavior.zoom`. The tree’s height adapts to the number of nodes at each depth, while colors are assigned per generation type, and the visualization loads its hierarchical data from a JSON file using `d3.json`. Node transitions are animated with `d3.layout.tree` and update functions.
AI-generated descriptionFamily Tree