{"version":"1.0","type":"rich","title":"Marks as Links - Containment","description":"Eight circles and a set of semi-transparent gray squares illustrate the concept of containment as a visual channel for marks as links. The animation cycles through three square layouts, adding squares one at a time to show how the circles’ group membership changes with each new container. Built with D3 v4, the SVG renderer updates the `rect` and `circle` elements through data joins, using `enter()`, `merge()`, and `exit()` to handle the dynamic square data. The circles remain fixed while the containers change, emphasizing the spatial relationship between marks and their enclosing regions.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-e31fcd7176e5d3ebf3d2d7bbe96d4c40?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}