🌍 Public
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 descriptionMIT Licensed
Comments
Sign in to join the discussion.