Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public
HHamim Rahman
Last edited Feb 7, 2023
Created on Feb 7, 2023

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.

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 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
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

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.

MMark Butcher
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
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 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
91% match
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
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This piece displays a black-and-white grid of horizontal and vertical stripes that intersect in a circular region at the center. The code constructs an SVG canvas sized to the browser window and uses two SVG masks to alternate visibility within the circle. One mask reveals the horizontal bands, while the other reveals the vertical bands, creating the illusion of a woven pattern. The piece is a direct reproduction of a Sol LeWitt drawing, generated through low-level SVG creation via the DOM API without any external visualization libraries.

Pprimexartwrks.fi@gmail.com
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using dynamically generated SVG elements. It displays a grid of horizontal and vertical lines whose visibility is constrained by two circular masks: one reveals the horizontal lines inside a circle, while the other reveals vertical lines outside the same circle. The code uses the SVG `mask` and `mask` attribute to layer the intersecting line patterns. All elements are created programmatically with `document.createElementNS`, and the layout responds to the window’s dimensions. The artwork relies entirely on SVG primitives, without external libraries.

IIsabella Reyna
91% match