Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Sol LeWitt reproduction Mask Inverse

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

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.

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

Fork of Fork of Sol LeWitt reproduction mask

This piece renders a grid of horizontal and vertical black bars that form a circular composition, visually echoing the geometric style of Sol LeWitt. The work uses a double-masking technique in SVG to create the pattern: a white circle on a black rectangle masks the horizontal bars, while a black circle on a white rectangle masks the vertical ones. The code generates the SVG directly via the DOM API, computing bar lengths and counts from the window dimensions. The result is an abstract, generative artwork that highlights the interplay of line, form, and negative space.

FFrancisco Ibelles
93% 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 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

This generative art piece reproduces a Sol LeWitt-inspired geometric composition using SVG masks to create two distinct circular viewing windows. The artwork shows a grid of horizontal and vertical stripes, where horizontal bands appear within a central circle and vertical bands appear outside that circle, creating a striking contrast. Built with the Document Object Model and SVG API, the code generates 100 horizontal and 100 vertical rectangles, each masked individually to define the pattern’s boundaries. The masks—one with a black background and white circle, the other inverted—control the visibility of each stripe set, producing the final interlocking visual effect.

Mmagswo
91% 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 is an abstract generative art piece that recreates a Sol LeWitt drawing using overlapping horizontal and vertical bands. A central circular mask isolates the grid of horizontal stripes, while an inverse mask reveals vertical stripes only outside the circle, creating a dynamic interplay of line and form. The visualization is rendered entirely with dynamically created SVG elements, using the standard DOM API `document.createElementNS` and `setAttribute` to build the shapes. No external libraries are used; the code relies purely on JavaScript and SVG masks to achieve the composition.

NNjord
90% match
Loading thumbnail…

Fork of Fork of Fork Sol LeWitt Reproduction Mask Inverse

A grid of horizontal and vertical SVG rectangles fills the screen, but two circular masks invert their visibility. A white circle in a black mask reveals a central block of horizontal lines, while a black circle in a white mask hides the same area from vertical lines. This creates a cross-hatched pattern with an empty circular void at the center. The code uses d3 selections, data joins, and SVG mask elements.

Rroyable88
90% match