Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Sol LeWitt reproduction mask

✓ Published1🌍 Public
FFrancisco Ibelles
Last edited Feb 6, 2024
Created on Feb 6, 2024

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.

AI-generated description

Example of a picture create for le author Sol LeWitt

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

Fork of Sol Lewitt Reproduction vertical

A vertical grid of thin black and white rectangles creates a striped pattern, with a circular mask revealing a central white circle against black. A second mask inverts the effect, producing a contrasting ring of horizontal and vertical lines. The piece is generated entirely with native SVG and JavaScript, using dynamically created `rect` elements and two circle-based masks to layer the visual composition. It is a reproduction of a Sol LeWitt art piece.

JJinpeng Li
89% 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
89% match
Loading thumbnail…

Fork of Sol Lewitt Vertical

This example reproduces Sol LeWitt’s *Vertical* art piece using two SVG masks to interleave horizontal and vertical black bars. A circular mask reveals the horizontal bars inside the circle while hiding them outside, and a complementary mask reveals the vertical bars only outside the circle. The code builds the SVG directly with the Document Object Model (DOM) API, creating 100 rectangles at 20-pixel intervals across a 600×500 canvas. The result is a clean, geometric pattern that contrasts dense line grids with an empty circular void.

FFrancisco Ibelles
89% 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
89% match