A force-directed network graph and an adjacency matrix display the same node-link dataset side-by-side. The network view uses `d3.forceSimulation` with forceLink, forceManyBody, and forceCenter to position nodes, which are rendered as SVG circles colored by group and support dragging, zooming, and tooltip interactions. The matrix view encodes links as gray cells in the upper and lower triangles, with group-colored axis bands; a brush filter on the top axis selects nodes to update the matrix. Both views read from external nodes and edges files, with the matrix using `d3.scaleBand` for axis positioning.