This example presents two side-by-side visualizations: a hierarchical tree of programming languages and a force-directed network of student collaborations. The tree uses colored nodes and labels to show the structure from root to leaves. The network maps six students and their connections using a force simulation, with draggable nodes and dynamic positioning. Built with d3.v7, the tree leverages `d3.tree()` and `d3.hierarchy()`, while the network uses `d3.forceSimulation()`, `d3.forceLink()`, `d3.forceManyBody()`, and `d3.forceCenter()`, all rendered as SVG.