{"version":"1.0","type":"rich","title":"Overlapping lines","description":"Overlapping lines demonstrates a masking effect in SVG by layering horizontal and vertical bands. Horizontal rectangles are clipped using a circular SVG mask, creating a clean round boundary, while vertical rectangles extend full-height without masking, producing a checkered overlap. The code uses the SVG `mask` element, `circle`, and `rect` primitives, all generated programmatically with the Document Object Model (DOM) API. The scene fills the browser window via `createElementNS`, with static dimensions of 960 by viewport height, showing how simple shapes combine for visual contrast.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ec73577c02a4434baf8ed3f4cf6be5f9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}