This example shows a small hierarchical tree diagram with eight leaf nodes, each labeled with a name such as "James," "Jimmy," "Joe," or "John." It uses d3.hierarchy and d3.tree to compute node positions and d3.linkVertical to draw curved connecting paths between the root and its children. The visualization supports zooming and panning via d3.zoom, and it dynamically adjusts text font sizes based on the available horizontal spacing between nodes, ensuring labels fit without overlap. Data originates from a local JSON file.