{"version":"1.0","type":"rich","title":"D3v4 Selectable, Draggable, Zoomable Force Directed Graph","description":"This interactive force-directed graph demonstrates multi-node selection and manipulation in D3 v4. Users can click to select a single node, shift-click to toggle individual selection, or shift-drag to select all nodes within a brushed region. Dragging a selected node moves the entire selection group, while dragging an unselected node selects and drags it alone. The graph supports zooming and panning, and uses a modified d3-brush-lite to avoid conflicts with shift-key behaviors in v4. Implemented with SVG rendering, the visualization leverages D3 v4's force layout with `.fx`/`.fy` for node pinning and link accessors for cleaner JSON graph data.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-55c4f4bc9c4964e9a5fa966e77acac2f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}