Fork of React Starter
A force-directed network graph renders a hierarchical dataset with two main nodes, four child nodes, and 160 unnamed leaves. Node size encodes hierarchy level, while link length distinguishes parent-child connections from leaf attachments. The visualization uses React 16.13.1 for component structure and d3.v7 APIs including `forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` to compute layout positions. SVG circles, lines, and labels are appended and updated on each simulation tick, with the graph container filling its parent element via CSS container queries.