{"version":"1.0","type":"rich","title":"d3NoobV5 Reusable Examples - Sankey Diagram - v2 (with\n    drag)","description":"This Sankey diagram visualizes the flow of values between five nodes, with adjustable node positions through drag interactions. The chart uses the reusable chart pattern from Mike Bostock's \"Towards Reusable Charts\" and incorporates d3.sankey for layout computation, including node breadth and depth algorithms. Rendered in SVG, the code applies d3.drag for node movement and d3.scaleOrdinal with d3.schemeCategory10 for coloring. Links are drawn as curved paths with stroke widths proportional to flow values, and hover effects increase link opacity. The implementation follows Marcos Iglesias' ProD3 modular pattern with dispatchers for custom events.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b95046742aa14ceda2a79b6754143345?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}