{"version":"1.0","type":"rich","title":"Fork of HTML Starter","description":"This example demonstrates a generative visual pattern using SVG masking: a set of horizontal and vertical striped rectangles is clipped by two circular masks, producing a crosshatched effect with overlapping rings. The page window dimensions determine the SVG size, and all elements are created dynamically via the native DOM API (`document.createElementNS`). Two masks—one with a white circle on black, the other with a black circle on white—alternately reveal and hide the stripes, creating contrasting circular regions in the center of the viewport. This is a minimal, dependency-free HTML/CSS/JavaScript visualization that highlights basic SVG compositing techniques.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f79b87c8a11c42a7aa6459cb8f2a499e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}