This example visualizes a small social network as a node-link diagram, with ten named individuals (e.g., "vagdevi", "Revansh") connected by weighted edges, rendered as SVG circles and lines. The network is laid out using a force-directed algorithm via the `d3.layout.force()` API, which applies gravity and charge parameters to position nodes. The code uses the older D3.js v4 syntax (e.g., `d3.select`, `d3.json`, `force.drag`) to load the network data from an external JSON file and enable drag-and-drop interaction for manual repositioning.