{"version":"1.0","type":"rich","title":"Social Network Graph in d3.js","description":"This example visualizes a small social network with five people and their connections as a force-directed graph rendered in SVG. It loads node and link data from a JSON file, drawing each person as a green circle and each relationship as a gray line. The layout is computed dynamically using d3.forceSimulation, which applies forces for pairwise repulsion (d3.forceManyBody), edge-based attraction (d3.forceLink), and centering (d3.forceCenter). As the simulation runs, a ticked callback updates the positions of the circles and lines, letting the network settle into a readable arrangement.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d60a6a892b784fb58cb4f949a4431945?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}