3_Sol LeWitt Reproduction

100%

3_Sol LeWitt Reproduction

✓ Published1🌍 Public

Last edited Sep 12, 2023

Created on Sep 10, 2023

This piece reproduces a Sol LeWitt wall drawing using JavaScript and dynamically generated SVG. It renders a full-screen series of horizontal black bars, evenly spaced, which are then clipped by a mask containing a single white rectangle and a central black circle. The resulting composition shows the striped pattern visible only outside the circular cutout, creating an inverted hole of solid white space. The work uses the standard SVG `mask` element and procedural creation of `rect` nodes through the Document API.

AI-generated description

A reproduction of a Sol Lewitt art piece

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt reproduction

This piece reproduces a Sol LeWitt wall drawing using JavaScript to generate SVG elements dynamically. It displays a composition of horizontal and vertical striped rectangles that form a distinct circular pattern at the center of the viewport. The rendering uses two SVG masks, `inner-circle-mask` and `outer-circle-mask`, to control the visibility of the 100 horizontal and 100 vertical `<rect>` elements, which are sized relative to the window’s dimensions. The code relies on basic SVG APIs such as `createElementNS`, `setAttribute`, and `appendChild` to construct the artwork.

AAngela Kochoska

89% match

Loading thumbnail…

Sol LeWitt reproduction Vertical

A web-based reproduction of Sol LeWitt's wall drawing, rendered as a full-screen SVG using programmatic JavaScript. The piece displays a grid of thin, alternating horizontal and vertical gray bars, with a circular mask that inverts the contrast in the center, creating a subtle optical effect. It uses the raw SVG DOM API (`createElementNS`) to build elements, applying two masks (`circle-mask` and `circle-mask2`) to control visibility. The design is generated entirely in code, with no external libraries, drawing 100 horizontal and 100 vertical rectangles.

DDilara Bozkurt

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This piece re-creates a Sol LeWitt wall drawing as a responsive, browser-based SVG composition. It shows a grid of horizontal and vertical black bars that intersect only within a central circular region, creating a dynamic interplay of lines and void. The code uses the Document Object Model (DOM) API, specifically `createElementNS` and `setAttribute`, to construct SVG elements. It applies two SVG masks, `mask` and `mask2`, to limit the drawn rectangles to the circle’s area, with the horizontal bars masked by a white circle and the vertical bars by the inverse.

Aajoua

89% match

Loading thumbnail…

Sol LeWitt Reproduction vertical

This is a generative SVG reproduction of Sol LeWitt’s wall drawing, shown vertically across the full browser viewport. A circular mask, defined via SVG `<mask>` and a white circle, reveals only the central region of a grid of 100 horizontal and 100 vertical black rects. The horizontal rects are layered beneath the vertical ones and clipped by the mask, creating a contrasting circular window. The piece uses raw JavaScript DOM manipulation with `document.createElementNS` to build the SVG elements dynamically, with no external libraries.

Lliu yang

89% match

Loading thumbnail…

W3 Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing as an interactive SVG composition of alternating horizontal and vertical stripes. A central circular mask reveals horizontal black bars over a white background, while a second inverted mask reveals vertical black bars, creating a checkerboard-like optical effect. The piece uses two SVG `<mask>` elements with `<circle>` and `<rect>` primitives to define the visible regions, and generates 100 striped rectangles in each direction via a JavaScript loop.

AAlenka Guček

89% match

Loading thumbnail…

Sol LeWitt Reproduction Final

This example reproduces a Sol LeWitt wall drawing using pure JavaScript and SVG APIs. It shows a grid of horizontal and vertical striped rectangles overlaid with two circular masks, creating a composition of intersecting lines that fade into a central circle. The code builds SVG elements dynamically via `document.createElementNS`, applying a black-to-white mask and an inverted white-to-black mask to reveal alternating line directions. One hundred horizontal strips and one hundred vertical strips are generated in loops, with the masks controlling visibility to form the final geometric pattern.

AAndre J Denais

89% match

Loading thumbnail…

Sol LeWitt Reproduction Mask

This visualization reproduces a Sol LeWitt art piece using a simple SVG mask to create a circular viewing window. It shows a series of horizontal black-and-white striped bars filling the entire screen, stopped by a central circular hole that reveals the full rectangle. The code builds an SVG via DOM manipulation, defines a mask containing a white rectangle and black circle, then appends 100 thin rect elements with the mask applied to create the striped pattern. The rendering relies on core SVG APIs and no external libraries.

AAndre J Denais

89% 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

88% match