{"version":"1.0","type":"rich","title":"Force-Directed Graph V6","description":"This example shows a force-directed graph that maps software applications as circles and their interfaces as connecting lines, with node positions determined by physics-based forces. The visualization uses d3.forceSimulation, d3.forceManyBody, d3.forceLink, and d3.forceCenter to calculate layout, while SVG circles and lines render the network. It loads node and link data from separate CSV files (applications.csv and interf.csv) using d3.csv, and updates node positions on each simulation tick. The drag functionality is imported via d3.drag, though it is not explicitly invoked in the visible code.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b5c681544eb94679838597b3eef33dee?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}