{"version":"1.0","type":"rich","title":"trying to do it right","description":"This example creates an interactive, full-window SVG composition using raw JavaScript and the React framework. It shows a grid of vertical and horizontal black lines whose visibility is selectively masked by two overlapping circular regions, producing a striking crosshatch pattern with a central circular window. The code constructs SVG elements programmatically, defining two masks—one with a white circle on a black background and another with a black circle on white—to control which lines appear. It leverages the SVG `mask` API and dynamic `rect` generation to achieve the layered effect, with no external data source.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6e02ba1d39bc4a7cb1c45e9db17bd631?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}