{"version":"1.0","type":"rich","title":"Force Directed With Symbols, d3v4","description":"This example shows a force-directed network graph of the co-occurrence of characters in Victor Hugo’s Les Misérables, rendered as SVG. Nodes are drawn as symbols (shapes) scaled by group, using d3.symbol() with a d3.scaleOrdinal over d3.symbols, while links are lines whose stroke width reflects connection weight. Node color encodes group membership via d3.schemeCategory20. The d3 v4 force simulation with charge, link, and centering forces drives the layout; nodes are draggable and reposition during the simulation, with a tick handler updating link endpoints and node transforms. Data is loaded from the classic miserables.json co-occurrence dataset.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-24a5ddaab5e2756fbc029dccc1da3f8b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}