Reproduction of Sol LeWitt Innovation

100%

Reproduction of Sol LeWitt Innovation

✓ Published2🌍 Public

Last edited Dec 7, 2023

Created on Dec 7, 2023

This interactive reproduction of Sol LeWitt’s wall drawing uses a grid of horizontal and vertical lines clipped by circular masks to create a dynamic, overlapping pattern. Rendered as an SVG, the piece generates 50 horizontal and 50 vertical rectangles, with the horizontal lines masked by a white circle on a black background and the vertical lines by the inverse mask. Written in raw JavaScript, it programmatically builds the SVG elements without external libraries, responding to the browser window’s dimensions for its layout. The result is a geometric, generative artwork that mimics LeWitt’s conceptual, rule-based style.

AI-generated description

Episode 1 : Reproduction of Sol LeWitt Articles

Created by Satyum Singh Pathania .

Date : 4th December, 2023.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt ReproductioN

This piece reproduces a Sol LeWitt wall drawing as an interactive SVG composition. It shows a grid of horizontal and vertical black lines that intersect across the full browser window, except within a circular mask centered on the screen. The code uses raw JavaScript to construct and append SVG elements, creating 100 horizontal and 100 vertical rectangles. Only the horizontal lines are clipped by the mask, which is defined using the SVG `mask` element and referenced via the `url(#circle-mask)` attribute, leaving the vertical lines unbroken. The work is generated entirely from the code’s geometry, echoing LeWitt’s instruction-based art.

Aag17@tutanota.de

92% match

Loading thumbnail…

Sol LeWitt Reproduction

This interactive reproduction of Sol LeWitt’s geometric wall drawing uses the SVG JavaScript API to generate a grid of 48 vertical and horizontal lines. The piece shows a black square lattice, where each line passes through a circular mask, revealing alternating line directions inside and outside the ring. The code directly creates SVG elements, applying two different masks (`circle-mask` and `circle-mask2`) to alternate which lines are visible in the central disc. It runs in the browser, filling the viewport, and is planned for animation.

Ttverdone

92% match

Loading thumbnail…

Fork of Reproduction of Sol LeWitt Innovation

This example reproduces Sol LeWitt’s geometric wall drawing as an interactive SVG composition. It shows a grid of horizontal and vertical lines whose visibility is masked to reveal a central circular cutout. The code constructs the SVG dynamically using raw JavaScript DOM methods (`createElementNS`, `setAttribute`) and defines two SVG masks—`circle-mask` and `circle-mask-2`—to invert the line patterns inside and outside the circle. Fifty parallel lines in each direction are placed with fixed 19-pixel spacing, and the masks alternately hide or reveal sections, creating a crisp two-tone optical effect.

Ssorabh.vijay@gendigital.com

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…

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

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…

My Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using a generative drawing algorithm. It displays a composition of horizontal and vertical lines that intersect, creating a grid pattern. The rendering selectively reveals the lines only within a circular region at the center of the canvas, using SVG masks to clip the drawing. The code programmatically creates 100 horizontal and 100 vertical rectangles using the SVG API, with two masks to control visibility, resulting in a precise geometric interplay of lines.

Aaryan0821

89% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical

This reproduction of a Sol LeWitt wall drawing uses SVG to display two sets of perpendicular, evenly spaced horizontal and vertical lines. A circular mask restricts the visible pattern to a central disc, creating a clean, geometric composition. The code uses the Document API (`document.createElementNS`) to build the SVG structure and applies a `<mask>` with a `<circle>` to clip the lines. It generates one hundred horizontal and vertical `<rect>` elements, each ten pixels thick, with the horizontal band masked. The visual effect directly mimics LeWitt’s instructional art, translating his line-based system into an interactive browser window.

Rroyable88

89% match