This example presents two side-by-side D3.js visualizations: a force-directed network graph and a hierarchical family tree, both built from the same underlying dataset of names and relationships. The network graph uses d3.forceSimulation with link, charge, and center forces to position nodes, which are drawn as colored circles with labels. The family tree employs a d3.tree layout to arrange parent-child connections as a structured hierarchy. Both visualizations render to SVG, with the network graph using red lines for links and the tree layout displaying its own distinct styling and coloring.