Fork of Fork of Fork Sol LeWitt Reproduction Mask Inverse

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

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

Fork of Fork of Sol Lewitt Reproduction mask inverse

This visualization reproduces a Sol Lewitt art piece by layering black horizontal and vertical lines on a full-screen SVG. A circular mask, created with SVG `<mask>`, `rect`, and `circle` elements, reveals only the intersection area, inverting the mask to isolate the converging lines. The code uses plain JavaScript DOM manipulation to generate 100 horizontal and 100 vertical bars, with the mask inverted to show the pattern only inside the circle. No external libraries are used; rendering relies on native SVG attributes and inline styling.

Kkwambokar

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

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

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

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

Fork of Fork of For of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece using D3.js, rendering a grid of horizontal and vertical SVG rectangles overlaid with two circular masks. The first mask creates a circular hole in the center of the horizontal lines, while the second mask reverses the effect, leaving a solid circle in the middle of the vertical lines. The code uses `d3.select`, `d3.range`, and the `.join()` method to construct the SVG elements, with masks defined via `append('mask')` and composed of `rect` and `circle` shapes.

Rroyable88