Fork of Sol LeWitt Reproduction

100%

Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public

Last edited May 28, 2022

Created on May 28, 2022

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.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This fork of a Sol LeWitt reproduction creates an abstract composition of horizontal and vertical bands intersecting within two circular masks. The SVG rendering uses JavaScript to generate 100 horizontal rectangles and 100 vertical rectangles, with each set clipped by a separate mask. The first mask reveals the horizontal bands through a white circle on a black background, while the second mask inverts the effect, showing vertical bands through the opposite circular region. The code builds the SVG structure dynamically via `document.createElementNS`, producing a geometric interplay between the two masked line grids.

Sshery1001

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

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

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

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

A fork of a Sol LeWitt reproduction generates an abstract geometric composition from two overlapping SVG mask patterns. It shows alternating horizontal and vertical striped bands intersecting in a grid, with a circular cutout revealing the layered structure. The code builds an SVG scene using raw DOM APIs (`document.createElementNS`) and applies two circular masks (`circle-mask` and `circle-mask-2`) to control which stripes appear inside the central circle. A series of 100 rectangles for each orientation form the visual output, with no external data or libraries beyond the browser's native SVG support.

WWeeeLi

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

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using raw SVG and JavaScript, creating a geometric composition of overlapping horizontal and vertical bands. The artwork shows a grid of alternating colored stripes confined to a circular mask, with a second inverted mask revealing a contrasting ring pattern. The code builds SVG elements dynamically, using two SVG masks—one with a white circle on black and another with a black circle on white—to control which stripes appear in the center and edges. It relies on standard DOM APIs like `createElementNS` and `setAttribute` to generate 100 rectangles in each orientation, without any external libraries.

WWRCIECH

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

91% match