Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

svg experiments

Public visualization

Viewing a saved revision (read-only)

f15b04cd78ed49ca8a176808f74d10c9

svg experiments

0 stars0🌍 Public
CChrisGaul
Last edited Sep 29, 2021
Created on Sep 29, 2021
Forked from HTML Starter

This example demonstrates how an SVG mask can selectively reveal or hide parts of a shape, using a path as the mask. A single green circle is rendered, partially obscured by a jagged mask path defined in SVG’s `<defs>` and applied via the `mask` attribute. The code uses raw SVG elements, including `circle`, `path`, and `mask`, with styling provided by inline CSS. The mask’s fill color (`#555`) controls the transparency region, showcasing a basic technique for clipping or layering vector graphics without external libraries.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.