Fork of Sol LeWitt Reproduction

100%

Fork of Sol LeWitt Reproduction

✓ Published1🌍 Public

Last edited Jan 1, 2026

Created on Jan 1, 2026

A fork of a Sol LeWitt reproduction renders a minimalist grid of vertical black rectangles on a white background. All 100 rectangles share a fixed line width of 10 pixels and are spaced 20 pixels apart, extending the full height of the 960-by-600 viewport. The code constructs the SVG dynamically using the `document.createElementNS` API, setting width, height, and fill attributes without external libraries. The script’s commented-out sections reveal an unused mask-based variant, but the active visualization displays only the simple striped pattern.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction

A fork of Sol LeWitt’s art reproduction renders a black-and-white geometric composition using SVG. The code creates a full-screen SVG canvas and defines two circular masks, one with a black background and white circle, the other inverted, to frame the drawing. It then generates 100 horizontal rectangles, each 10 pixels tall, stacked vertically at 20-pixel intervals, applying the first mask to each rectangle. The result is a series of striped horizontal bands that appear only inside the circular viewing area, leaving the surrounding canvas blank.

Aavimonnuarnob

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

A fork of a Sol LeWitt reproduction renders a grid of horizontal and vertical stripes confined to two circular masks. The piece uses raw SVG elements created via the DOM API, with a mask containing a white circle over a black rectangle to reveal horizontal bars, and a second inverted mask to show vertical bars. Each stripe is a `rect` element positioned in a loop, with the masks applied via the `mask` attribute. The composition dynamically fills the browser window, creating a minimalist geometric interplay between line and void.

EErik L

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

An SVG-based art reproduction draws from Sol LeWitt’s geometric wall drawings, displaying a full-viewport canvas filled with a grid of thin, vertical black stripes. A centered circular mask clips these stripes, so the visible pattern forms a crisp disk bounded by a soft edge. The code constructs the SVG and mask dynamically via DOM methods, setting stripe width and count directly (100 stripes at 20-pixel intervals), and assigns the mask to each rectangle through the `mask` attribute. The result applies LeWitt’s systematic design to responsive, full-window rendering.

Ggianlucaguerra

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using raw SVG. A circular mask reveals a set of horizontal, evenly spaced rectangles that span the full width of the viewport, creating a striped pattern confined to a central circle. The code constructs the SVG dynamically via the `document.createElementNS` API, setting the mask’s circle radius to 200 pixels and drawing 100 rectangles at 20-pixel intervals with 10-pixel heights. No external libraries are used; the rendering relies entirely on native browser SVG elements and attributes.

Mmatrice-one

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This fork of a Sol LeWitt reproduction renders a minimalist geometric composition using raw SVG and the DOM API. It shows a circular mask centered on the viewport, with a white outer ring and black inner circle, through which 100 horizontal striped rectangles are displayed. Each rectangle is created with `document.createElementNS`, assigned a fixed height and y-position, and clipped using an SVG `mask` element. The piece relies entirely on JavaScript and SVG primitives rather than any external libraries or datasets.

Zzaioris

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by rendering a single vertical black rectangle against a blank canvas, echoing the minimalist geometric style of the original work. The code creates an SVG element sized to the full browser window and appends a rectangle positioned 100 pixels from the left, with a width of 10 pixels and a height matching the viewport. It uses the raw DOM APIs `createElementNS` and `appendChild` to build the SVG structure without any external libraries. The piece highlights the simplicity of SVG-based drawing, focusing on the interaction between the fixed shape and the responsive window dimensions.

JJulio Costa

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

89% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This fork of a Sol LeWitt reproduction generates an abstract, grid-based composition entirely with SVG elements. It shows a central circular mask that reveals alternating horizontal and vertical stripes across the full screen. The code creates two masks—one with a black background and white circle, another with a white background and black circle—to control which stripes are visible. It uses the raw SVG DOM API via `document.createElementNS` to draw 100 horizontal rectangles and 100 vertical rectangles, each 10 pixels thick, with the masks applied to create the overlapping circle effect. No external libraries are used; only native JavaScript and SVG.

KKusumaKumariDama@my.unt.edu

89% match