{"version":"1.0","type":"rich","title":"A8 Node-Link Diagram D3 (force-directed)","description":"This visualization shows a force-directed node-link diagram of Facebook page connections using data from CSV files, with interactive hover tooltips displaying node names. The code builds the network using D3.js v7’s `d3.forceSimulation`, applying link, charge, and center forces to position nodes and edges. SVG lines represent links and circles represent nodes, which users can drag via `d3.drag`. The simulation updates positions on each tick, while a styled `#tooltip` div appears on mouseover. Data loads through `d3.csv` and `d3.text` with manual parsing via `d3.csvParseRows`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fd8866bcd586478fb1d303064ec8b9aa?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}