{"version":"1.0","type":"rich","title":"d3 node-link forceDirected","description":"This example shows a force-directed node-link diagram of a network, where connected nodes are arranged through a physics simulation with repulsive and attractive forces. The graph layout is computed using `d3.forceSimulation`, combining `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position nodes and links dynamically. Each link’s color encodes its associated value via a Red-Blue sequential color scale. Nodes are rendered as circles with labels, and the simulation updates in real-time through the `d3.forceSimulation` tick handler, which also sets SVG line and circle positions. The data is loaded from a local CSV file containing source, destination, and value columns.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2ea4c586561747e58cde8ed89af53194?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}