{"version":"1.0","type":"rich","title":"JSBasics","description":"This example recreates a Sol LeWitt-inspired geometric composition using JavaScript and D3.js, where vertical and horizontal stripes intersect around a circular mask. The visualization shows a grid of thin black and white lines forming a cross-hatched pattern with a central circular cutout. The code builds SVG elements dynamically using `document.createElementNS`, applying two different masks (`circle-mask` and `circle-mask-2`) to reveal or hide the stripes. D3 v7 is loaded but the rendering relies entirely on raw SVG manipulation rather than data binding or scales.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/be5299195b9241af98e9f3aae812964c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}