Sol LeWitt Reproduction AG

100%

Sol LeWitt Reproduction AG

✓ Published0🌍 Public

Last edited Jun 10, 2022

Created on Jun 10, 2022

This example reproduces a Sol LeWitt wall drawing using SVG masks and layered rectangles. The code creates two circular masks, one with a black background and white circle, the other inverted, then applies them to 100 horizontal and 100 vertical bars. The result is a grid of intersecting lines visible only within the circular regions, mimicking the geometric precision of LeWitt’s conceptual art. It uses raw SVG DOM manipulation via `document.createElementNS` and mask attributes, with no external libraries.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style drawing entirely with SVG shapes, using two circular masks to create a layered grid of horizontal and vertical lines. A black-and-white mask limits the first set of 100 horizontal rects to a centered circle, while an inverted mask applies 100 vertical rects to the surrounding area. The code builds the scene dynamically via the DOM API (`createElementNS`, `setAttribute`), populating the SVG canvas across the full window size. No external libraries are used, relying purely on native SVG masking and rectangle elements.

Iinnocent thomas

94% match

Loading thumbnail…

Sol LeWitt Reproduction D3

This example reproduces a Sol LeWitt geometric art piece using only SVG and DOM manipulation, without any external libraries. It displays a grid of 100 horizontal and 100 vertical black rectangles on a full-screen canvas. Two circular masks—one with a black background and white circle, the other inverted—are applied to the horizontal and vertical strips respectively, creating an intersecting circular void in the center. The code uses `createElementNS` to construct SVG elements and `setAttribute` with `mask` URLs to achieve the layered effect.

Gguththered

93% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using dynamically generated SVG elements. It shows a grid of horizontal and vertical stripes, masked to reveal a central circular area where only horizontal lines appear, surrounded by vertical lines. The code uses raw Document Object Model (DOM) methods such as `document.createElementNS` and `setAttribute` to construct the SVG, with two mask definitions (`circle-mask` and `circle-mask-2`) controlling visibility. No external libraries are used; the rendering relies purely on SVG rectangles and masks in the browser.

PPareel Amre

93% match

Loading thumbnail…

Sol LeWitt Reproduction

A full-window SVG reproduces a Sol LeWitt wall drawing by layering two sets of thin, evenly spaced rectangular bars that intersect at right angles. A circular mask constrains the first set of horizontal bars and a second, inverted circular mask hides the second set of vertical bars, creating a crisp circular boundary around the woven grid pattern. The rendering is generated procedurally with native DOM creation methods and SVG `mask` elements, using `document.createElementNS` to construct 100 horizontal and vertical rects without any external library.

Hhaithamradhi

93% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt art piece using two sets of horizontal and vertical SVG rectangles layered with circular masks. The first mask confines a series of 100 horizontal strips to a central circle, while a second inverted mask exposes vertical strips only outside that same circle. The code builds the SVG dynamically with `document.createElementNS`, setting each rectangle’s dimensions and applying the masks via URL references. The result is a geometric composition of alternating line directions, with no external data source—pure algorithmic drawing in the browser.

Llili463e

93% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-inspired drawing using raw SVG and JavaScript, displaying a grid of narrow horizontal rectangles that become visible only within a central circular mask. The code creates an SVG canvas via `document.createElementNS`, defines a mask with a single circle, and generates 100 stacked `<rect>` elements, each 10 pixels tall, that intersect the mask to form the final composition. The result is a precise, minimal geometric pattern whose vertical bands are revealed through the circular aperture, mimicking the clean, systematic aesthetic of LeWitt's wall drawings without any external libraries.

AAndre J Denais

93% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using SVG and JavaScript. A circular mask isolates a group of horizontal stripes, while un-masked vertical lines extend across the full canvas. The code generates 100 horizontal rectangles with a set height and 100 vertical rectangles, positioning them in a grid pattern via the `createElementNS` API. The mask, defined with a `circle` element, limits the horizontal stripes to a central circular region, creating a subtle intersection effect between the two sets of lines.

AArnulfotos

93% match

Loading thumbnail…

Sol LeWitt Repro Vertical

This example reproduces a Sol LeWitt drawing using the SVG API. It displays a grid of horizontal and vertical black bars on a white background, creating an intersecting pattern. A circular mask reveals only the horizontal lines within its radius, while a second, inverted mask reveals only the vertical lines outside that same circle. The code constructs the masks and bars dynamically with `createElementNS` and `setAttribute`, using the document’s width and height for full-screen coverage.

SSam Hege

92% match