Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Sol LeWitt Reproduction Mask Inverse

✓ Published2🌍 Public
CCurran Kelleher
Last edited Mar 20, 2021
Created on Mar 20, 2021

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.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

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
93% 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
92% match
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
92% match
Loading thumbnail…

Fork of Fork of Fork of Sol LeWitt reproduction Mask Inverse

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.

ZzolboBatsaikhan
92% 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
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using generative linework confined to circular masks. Horizontal and vertical striped rectangles are layered across the full canvas, with an SVG mask revealing only the central circular area for each orientation. The piece uses pure JavaScript and the SVG API, creating two masks and drawing one hundred striped rectangles of alternating orientation. The result is a minimalist, geometric composition that directly emulates LeWitt’s instructional art style.

JJulia Ustits
91% 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
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
90% match