{"version":"1.0","type":"rich","title":"A8 - Force Directed Network Layout","description":"This example visualizes a network of 34 students in a karate class using a force-directed layout. The code loads edge data from `data.csv` and renders SVG circles and lines with D3 v7, applying `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes. Node fill colors are assigned via `d3.scaleOrdinal` with `schemeCategory10`, and the final layout appears after the simulation’s `end` event updates the title.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2d5dab5456fd4156a7d6b4f1b5182f15?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}