{"version":"1.0","type":"rich","title":"Vertical Split View","description":"This example demonstrates a vertically split view that divides a container into two adjustable content areas separated by a draggable resizing marker. The layout is built using React with D3 v7, featuring a tabbed view nested within the split panes. The code constructs modular, reusable view components through closure-based factory functions, managing DOM elements via D3 selections and styling with inline CSS properties. Interactive resizing is driven by mouse event handling to reposition the marker and recalculate pane dimensions dynamically.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8738f8d4ce484a9ebbe08afffa349cf8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}