Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of Sol LeWitt reproduction Mask Inverse

✓ Published1🌍 Public
ZzolboBatsaikhan
Last edited Aug 29, 2022
Created on Aug 29, 2022

This piece layers horizontal and vertical striped rectangles into a square grid on a full-screen canvas, with a circular mask inverting the pattern at the center. Using raw SVG elements and masks (`mask`, `rect`, `circle`) created via the DOM API, the code defines two complementary masks: one black rectangle with a white circle, the other inverted, so the horizontal bands show inside the circle while vertical bands fill the rest of the space. The work is a generative reproduction of Sol LeWitt’s geometric style, built entirely with JavaScript and no external libraries.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Sol LeWitt reproduction Mask Inverse

This generative SVG artwork is a procedural reproduction of a Sol LeWitt piece. It displays a grid of horizontal and vertical black rectangles against a white background, with a large circular mask in the center that inverts the pattern. The piece shows vertical black lines contained within a white circle, which is created by using an SVG `mask` element to reveal those lines against an otherwise solid field. The code dynamically constructs the layout using the DOM API, creating 100 horizontal rectangles and a series of vertical bars to achieve the geometric composition.

ZzolboBatsaikhan
94% match
Loading thumbnail…

Fork of Fork of Fork of Sol LeWitt Reproduction Mask Inverse

This generative art piece reproduces a Sol LeWitt-inspired composition, displaying a grid of horizontal and vertical black stripes across the full browser window. The work shows a circular region in the center where the horizontal stripes are masked out, revealing only the vertical lines, creating a distinct visual inversion. The piece uses raw SVG elements created via the Document API, employing a `mask` element with a white circle on a black rectangle to selectively hide parts of the rendered rectangles. The code iterates 100 times to generate both the horizontal and vertical stripe sets, relying on `window.innerWidth` and `window.innerHeight` to adapt the layout to the viewport size.

SShashi Kumar
92% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction Mask Inverse

This example shows a generative art composition inspired by Sol LeWitt, featuring horizontal and vertical black stripes overlaid on a white background. A circular white mask on a black rectangle reveals the stripes only within a centered 200-pixel radius, creating an inverse grid effect. The SVG is built dynamically via the DOM API, with 100 horizontal stripes masked by the circle and 100 vertical stripes drawn unmasked across the full canvas.

CCurran Kelleher
92% match
Loading thumbnail…

Fork of Sol LeWitt reproduction Mask

This example reproduces a Sol LeWitt art piece as an interactive SVG visualization. It shows a field of vertical rectangular stripes that are fully visible outside a central circular area, where they are masked out to reveal a blank region. The code uses raw JavaScript and DOM manipulation to construct an SVG `mask` element containing a white background rectangle and a black circle, then applies that mask to 100 overlapping vertical rectangles via the `url(#circle-mask)` reference. The rendering approach is purely procedural, generating shapes directly with `document.createElementNS` without any external data or libraries.

ZzolboBatsaikhan
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This piece renders an abstract, generative composition inspired by Sol LeWitt’s wall drawings. It shows a circular mask overlaid with two sets of alternating horizontal and vertical stripes, creating a crosshatch pattern that fades to reveal a central white circle against a black background. The code uses the SVG API via JavaScript to create a full-viewport canvas, dynamically setting element attributes like width, height, and mask references. Two SVG masks (`circle-mask` and `circle-mask-2`) define the visible regions for the 100 horizontal and vertical rectangles drawn in looping iterations.

BBelma Besirevic
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Mask

A fork of Sol LeWitt’s geometric art, this visualization renders a series of horizontal black stripes across the full browser window, with a circular region in the center masked out to reveal the white background. The composition uses an SVG `mask` element to create the circle, while JavaScript dynamically generates 100 rectangles, each 10 pixels tall, and applies the mask to them. The code relies on native SVG APIs, including `createElementNS` and `setAttribute`, without any external libraries.

CCurran Kelleher
90% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

A fork of a Sol LeWitt reproduction renders a grid of horizontal and vertical stripes confined to two circular masks. The piece uses raw SVG elements created via the DOM API, with a mask containing a white circle over a black rectangle to reveal horizontal bars, and a second inverted mask to show vertical bars. Each stripe is a `rect` element positioned in a loop, with the masks applied via the `mask` attribute. The composition dynamically fills the browser window, creating a minimalist geometric interplay between line and void.

EErik L
90% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by drawing vertical and horizontal striped rectangles that are clipped by two circular masks, creating a circular intersection of alternating line directions. The vertical stripes are masked in one circle while horizontal stripes use an inverted mask, resulting in a striking contrast between the two orientations. Built with plain SVG and JavaScript, the code creates mask elements and rects dynamically, with redundant masked stripes generated but not appended, leaving the final composition to render only the active circle-based overlay.

Aanakin13
90% match