Sol LeWitt Reproduction

100%

Sol LeWitt Reproduction

✓ Published0🌍 Public

Last edited Mar 8, 2023

Created on Mar 8, 2023

The piece reproduces a Sol LeWitt drawing as an interactive SVG, showing a large circular area filled with dense vertical and horizontal bars that shift in orientation. The rendering stacks black grid lines across the full canvas, then applies an SVG mask to reveal only the bars inside the circle’s boundary. The circle is then rotated via an SVG transform, with the mask defined in the `http://www.w3.org/2000/svg` namespace. All geometry is computed from the browser’s window dimensions, and the artwork is generated entirely through the DOM API (`createElementNS`, `setAttribute`).

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

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

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

90% match

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

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces Sol LeWitt’s geometric wall drawing using the SVG API. It shows a grid of vertical and horizontal rectangles overlaid on the full window, with a central circular region left empty. Two SVG masks create the aperture: one hides the center for horizontal bars, the other hides everything except the center for vertical bars. The vertical bars are drawn first, then the horizontal bars are added and turn blue on hover. The piece is purely generative, using JavaScript to create SVG elements dynamically, with no external data source.

Kkathrynrbernard

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

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt drawing using purely procedural SVG generation. It displays a full-screen field of evenly spaced horizontal bars, with a circular area in the center where the bars are masked out to reveal the background. The code creates the SVG dynamically via the DOM API, using `document.createElementNS` to construct each rectangle and a circular SVG `<mask>` to define the central void. No external libraries are used, and the rendering is entirely based on the browser's viewport dimensions.

Mmegan-grannan

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This piece reproduces a Sol LeWitt wall drawing as an interactive SVG. It shows the geometric composition of lines and shapes rendered at a fixed size of 960 by 500 pixels. The implementation uses plain SVG elements and JavaScript, with no external libraries. The drawing is generated purely through code inside the `index.html` file, and the page’s body and SVG are styled to remove default margins and hide overflow, presenting the artwork edge-to-edge. The code itself does not specify the algorithm or data source beyond the SVG structure.

RRyan Riley

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

89% match