Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public
MMark Butcher
Last edited Sep 6, 2022
Created on Sep 6, 2022

This piece recreates a Sol LeWitt drawing as an interactive web graphic, showing a grid of sharp horizontal and vertical lines that intersect inside a central circular window. The artwork displays a stark contrast: dense, parallel line bands form a square field, while the circular area isolates a clean, empty center. The rendering uses JavaScript to dynamically build an SVG, creating layered rect elements and applying two distinct SVG masks to control which lines appear within the circle. This direct manipulation of SVG nodes and mask definitions produces the geometric, mask-based visual effect.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing as an interactive web visualization. It shows a grid of narrow horizontal and vertical lines that intersect, with a circular area in the center where the lines disappear. The piece is built using raw SVG manipulation in JavaScript, creating two masks—one with a black rectangle and white circle, another with a white rectangle and black circle—to selectively hide line segments. Horizontal and vertical rectangles are then generated in a loop and assigned to these masks, producing the final composition. The code uses the SVG namespace API and basic DOM methods.

DDzenad
93% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This piece reproduces a minimalist Sol LeWitt drawing, showing a grid of vertical and horizontal line segments through a circular central cutout. The artwork is rendered entirely with SVG elements created programmatically via the DOM API. The HTML creates two circular masks—one to hide a section of horizontal lines and another to hide vertical lines—revealing the overlapping grid structure.

HHamim Rahman
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece, showing intersecting grids of horizontal and vertical lines with a circular mask that cuts through them, creating a dynamic interplay between geometric structure and negative space. The code generates SVG rectangles directly using the DOM API, and employs two SVG masks—one to reveal the lines inside the circle and another to hide them outside—producing the layered effect. The piece is built with vanilla JavaScript and SVG elements, while the imported d3 library is present in the code but not utilized in the rendering logic.

Rrose3d@gmail.com
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece, showing a grid of horizontal and vertical black lines that intersect only within two circular regions. A circle at the center acts as a mask, revealing the line patterns where the two shapes overlap. The code uses the SVG API to create elements and defines two `mask` regions to selectively display the lines. The artwork is generated procedurally with JavaScript loops, drawing 100 horizontal and 100 vertical rectangles without any external data source.

FFilipKupanovac
90% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This piece reproduces a Sol LeWitt wall drawing using layered, masked geometric shapes. It shows a grid of horizontal and vertical lines that create a visual effect of concentric rings by using two SVG masks to reveal or hide portions of the line arrays. The artwork uses raw SVG elements and the JavaScript DOM API to construct a full-screen canvas, generating 100 horizontal and 100 vertical stripes, with the masks defined as a white triangle and a central black circle to modulate visibility.

GGazzrant
90% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using raw SVG and JavaScript, showing a grid of vertical lines confined to a circular region at the center of the screen. The code creates an SVG mask with a white rectangle and black circle, then applies that mask to a series of thin vertical rectangles spaced every 20 pixels across the viewport. The result is a minimalist geometric composition where the line grid is visible only inside the circular window, mimicking LeWitt’s systematic drawing style.

Mmegan-grannan
90% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt drawing using only raw SVG and JavaScript, with no external libraries. It displays a grid of alternating horizontal and vertical lines that remain visible only within two intersecting circular masks, creating a dynamic visual interplay between the line directions. The code builds the SVG dynamically by appending a set of horizontal rectangles masked by a black/white circle, and vertical rectangles masked by an inverse circle, both centered on the screen. The rendering relies on native SVG mask elements and DOM manipulation in plain JavaScript.

MMaras13
90% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using an SVG rendering approach. It displays a grid of horizontal and vertical lines that intersect within two circular masks, creating a nested geometric pattern centered on the screen. The code constructs SVG elements dynamically via the Document API, using `createElementNS` to build rectangles and circles. Two masks (`circle-mask` and `circle-mask-2`) control visibility: the first reveals horizontal stripes inside a 200-pixel-radius circle, while the second exposes vertical stripes in the surrounding area, producing a layered, minimalist composition.

NNeel Mehta
90% match