🌍 Public
Viewing a saved revision (read-only)
2694007d6d2a49ad9215c4681d2379de
Family Tree and Network Graph with help of D3.js
This example presents two interactive visualizations side-by-side: a network graph and a hierarchical family tree, both built with D3.js. The network graph uses a force-directed layout via `d3.forceSimulation` with `d3.forceLink` and `d3.forceManyBody` to arrange nodes and links, while node labels are positioned by the simulation tick. The family tree is constructed from the same underlying data using `d3.stratify` and `d3.tree`, creating a tidy hierarchy. Both visualizations render as SVG elements with custom styling for nodes, links, and labels.
AI-generated description