{"version":"1.0","type":"rich","title":"SVG Masks","description":"This example shows how SVG masks can punch a heart-shaped hole through a solid red circle, leaving the surrounding area visible. A `<mask>` element defines the cutout using a black rectangle for invisible regions and a white path for the visible heart shape. The mask is applied to a `<circle>` via the `mask` attribute, with the heart path drawn using an SVG arc and quadratic Bézier commands. The page is plain HTML with inline CSS and JavaScript, requiring no external libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ead545786b6b45d6abd49b805ba10cd9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}