{"version":"1.0","type":"rich","title":"Section 2B-Visualizing Network","description":"This example visualizes a research collaboration network using D3.js v7’s force-directed layout. Nodes represent researchers, institutions, projects, and organizations, colored by group and connected by directed links with arrowheads. Hovering over a node reveals a tooltip with details like role, field, and country. The graph uses `d3.forceSimulation` with `d3.forceLink`, and positions are fixed via `fx`/`fy` properties while SVG circles, labels, and markers are rendered dynamically.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f5202fc5e9684f01a3b3a97c023d0541?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}