{"version":"1.0","type":"rich","title":"Forcelayout v7","description":"This interactive D3 v4 force-directed graph visualizes a network of 20 nodes and 23 links, where nodes represent entities with categorical attributes (T and Q) and links represent shared connections between them. The graph uses the force simulation to position nodes, with curved connection paths and colored links. A color scale maps node categories to the schemeCategory20 palette, and hovering over nodes reveals tooltips. Two buttons allow users to update the dataset with new node/link combinations or reset to the original configuration, demonstrating dynamic data binding and smooth transitions in the force layout. The visualization includes a legend to map colors to node types.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-f4291193d18ae27afb0914d3e10586f3?mode=embed\" width=\"960\" height=\"600\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":600,"cache_age":3600}