🌍 Public
Viewing a saved revision (read-only)
60bba92171e6407f90073d0393205052
D3 Network Graph and Family Tree
This example presents a family tree and a network graph side-by-side, both visualizing the same 13-person genealogy dataset. The left panel uses a force-directed network layout, while the right panel uses a structured tree layout. The network graph employs D3's `forceSimulation` API with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes, while the family tree uses the `d3.tree` and `d3.stratify` functions to create a hierarchical structure from the parent-child relationships. Both are rendered as SVG with circles and text labels.
AI-generated description