Fork of Sol LeWitt Reproduction

100%

Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public

Last edited Jan 13, 2025

Created on Jan 13, 2025

A fork of a Sol LeWitt reproduction renders a generative geometric composition in the browser. Two masks define a central circle: one isolates horizontal black rect strips, the other isolates vertical white strips, creating an overlapping grid. The piece uses the SVG API directly, constructing elements with `createElementNS` and applying masks via `setAttribute`. The design is purely algorithmic and responsive, with the SVG canvas sized to the full browser window. No external data source is used; the output is a self-contained parametric drawing.

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

A generative rendering of a Sol LeWitt-inspired geometric composition uses SVG masks to reveal intersecting horizontal and vertical line grids. The artwork first displays 100 horizontal rects, masked by a central white circle, then overlays 100 vertical rects masked by an inverted circle, creating a cross-shaped overlap of striped bands. Built entirely with native browser APIs, the code manipulates SVG elements directly via `document.createElementNS`, setting `mask` attributes to alternate visibility across the two circular regions. No external libraries are used; the piece relies on simple `rect` elements, SVG `mask` definitions, and coordinate calculations based on `window.innerWidth` and `window.innerHeight`.

SSerge

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

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

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

92% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This generative art piece reproduces a Sol LeWitt wall drawing using pure JavaScript and the SVG API. It displays a grid of alternating horizontal and vertical stripes that intersect within central circular masks, creating a layered geometric pattern. The code constructs an SVG canvas with two circle masks—one revealing horizontal bars, the other vertical bars—overlaid to produce the final composition. No external libraries are used; all elements are created dynamically via `document.createElementNS` and styled with inline attributes.

Kktshim@snu.ac.kr

91% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This piece renders an abstract, generative composition inspired by Sol LeWitt’s wall drawings. It shows a circular mask overlaid with two sets of alternating horizontal and vertical stripes, creating a crosshatch pattern that fades to reveal a central white circle against a black background. The code uses the SVG API via JavaScript to create a full-viewport canvas, dynamically setting element attributes like width, height, and mask references. Two SVG masks (`circle-mask` and `circle-mask-2`) define the visible regions for the 100 horizontal and vertical rectangles drawn in looping iterations.

BBelma Besirevic

91% match