{"version":"1.0","type":"rich","title":"Grouped Force Layout","description":"This example shows a force-directed network graph of the character relationships in Les Misérables. Nodes are grouped into clusters by assigning a group ID from the dataset, and a D3 v4 force layout positions the nodes so that connected characters attract one another while grouped nodes are drawn together. The graph is rendered as SVG, with nodes colored by group and links showing connections. This layout is based on a gist by andrew-reid.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-e689546e3449fd9f1fba1d19c30d6f6d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}