Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

svg circle double

Public visualization

svg circle double

0 stars1🌍 Public
TTehran Mammadov
Last edited Jun 19, 2022
Created on Jun 14, 2022
Forked from svg circle

Two layered sets of SVG rectangles create a woven grid pattern that reveals a central circular window. The first set of horizontal stripes uses an SVG `<mask>` with a white circle to show only the circle’s interior, while the second set of vertical stripes uses an inverted mask to show the area outside the circle. All elements are generated via the DOM API (`document.createElementNS`) without any external libraries. The result is a static, full-window composition of intersecting lines whose contrast defines the circular focal point.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed