Sol LeWitt Reproduction

100%

Sol LeWitt Reproduction

✓ Published1🌍 Public

Last edited Jun 9, 2024

Created on Jun 9, 2024

This piece reproduces a Sol LeWitt wall drawing using SVG. It displays a grid of horizontal and vertical bars, but only within two circular regions at the center of the canvas. Outside these circles, the rectangular elements are hidden. The code creates two SVG masks to control the visibility: the first mask reveals a white circle over a black background for the horizontal bars, while the second mask uses a black circle on white to show the vertical bars. All elements are generated procedurally through the SVG API in a single HTML file.

AI-generated description

A reproduction of a [Sol LeWitt art piece]

MIT Licensed

Similar vizzes

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

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

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

92% match

Loading thumbnail…

Sol LeWitt Reproduction

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`).

Bbjfmbeck

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

92% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-style drawing using raw SVG elements created via the `document.createElementNS` API. It shows a grid of thin horizontal and vertical rectangles that are revealed only within two circular regions at the center of the screen, achieved through SVG masks. The first mask uses a white circle on a black background to show the horizontal bars, while the second mask inverts the colors to display the vertical bars. The layout adapts to the window size, and the 100 bars in each direction are generated procedurally with no external data source.

Aadityapalliyil0@gmail.com

92% match

Loading thumbnail…

Sol LeWitt Reproduction - Vertical

This SVG reproduction of Sol LeWitt’s *Vertical* artwork overlays a grid of horizontal and vertical black bars on a white background, with a circular mask revealing the central intersection. Using the raw SVG DOM API, the code creates 99 horizontal and 99 vertical rectangles, each 10 pixels thick and spaced 20 pixels apart, then applies a `<mask>` containing a centered white circle on a black rectangle to clip the bars, leaving only the circular region visible.

Ppeter.sime@gmail.com

92% match

Loading thumbnail…

Sol LeWitt Reproduction Vertical

This piece recreates a Sol LeWitt-inspired drawing as a dynamic, full-screen SVG. The visualization shows a series of 100 horizontal black bars, each 10 pixels tall, confined to a circular aperture centered on the screen. The code generates the artwork procedurally, using JavaScript to build the SVG structure and the `mask` element to clip the rectangles into the circle. The result is a clean, generative geometric composition that responds directly to the browser window's dimensions.

SSergio

92% match