{"version":"1.0","type":"rich","title":"Fork of D3 drag test","description":"Two draggable panes demonstrate interactive split-pane resizing using D3 v5 and React. The `d3.drag` API handles pointer events on a central divider, updating pane widths via the `setOffset` function, which recalculates each pane’s style width in pixels. Starting with the left pane at one-third of the viewport width, the layout responds live to dragging, with the container’s width read from its computed style. The example employs HTML/CSS for structure and styling, with D3’s `select`, `selectAll`, and `event` utilities coordinating the interaction.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e1da498dae3641adb5ba4e71974f806e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}