π Public
Viewing a saved revision (read-only)
c85f09eefca441dfb54b18fde52dbf3b
Fork of Family Tree
This interactive family tree shows a hierarchical dataset with collapsible nodes, allowing users to click and toggle the visibility of children. The visualization uses D3.js v3, specifically the `d3.layout.tree` and `d3.svg.diagonal` APIs, to compute the layout and draw curved links. Nodes are rendered as circles with labels using SVG, and animated transitions (`transition`) smoothly reposition elements when branches expand or collapse. The sample data includes named tree members like Rani, riyat, and Sarah, with a fixed-depth horizontal layout.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.