This example combines a force-directed network graph and a hierarchical family tree in a single page. The network graph uses `d3.forceSimulation` with `d3.forceLink` and `d3.forceManyBody` to position nodes and links, with labels updated on each tick. The family tree is built with `d3.stratify` and `d3.tree`, rendering nodes as circles and connections as lines. Both visualizations use SVG, with data embedded directly in the script. Styling is applied through CSS classes, and all rendering is performed with D3 v7.