Skip to main content
SimilarExport ZIP
100%

Fork of Martin's Fork of Sol LeWitt Reproduction

✓ Published1🌍 Public
Zzaioris
Last edited Dec 3, 2022
Created on Dec 3, 2022

This piece reproduces Sol LeWitt’s geometric art using only SVG primitives. A white triangular mask reveals horizontal black stripes, while an inverted mask reveals vertical white stripes, forming an overlapping lattice. The code uses the `document.createElementNS` API to build the SVG, and CSS masks (`url(#polygon-mask)`) to clip 150 horizontal and vertical rectangles. The composition adapts to the browser window dimensions.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Martin's Fork of Sol LeWitt Reproduction

This piece generates a geometric abstraction inspired by Sol LeWitt, displaying a full-window SVG canvas filled with horizontal and vertical stripes. The stripes are masked by two overlapping SVG polygon masks—one triangle exposes horizontal bands, while a second, inverted triangle reveals vertical bands against a white backdrop. The work nests multiple masks and rectangles, creating a dynamic interplay of intersecting line grids. Built with JavaScript’s `document.createElementNS` for SVG elements, it computes layout dynamically from `window.innerWidth` and `window.innerHeight`, drawing 150 horizontal and 150 vertical rectangles to form the final composition.

Zzaioris
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
91% 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
88% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece by drawing two intersecting sets of striped rectangles over a full-screen SVG. One set of horizontal bands and one set of vertical bands are clipped using two polygon masks, creating a triangular intersection where horizontal lines appear inside one mask and vertical lines appear inside the other. The code builds the SVG dynamically via the DOM API, creating 100 rectangles in each direction and applying masks defined with `<polygon>` elements. It uses no external libraries, relying purely on native SVG elements and JavaScript.

RRob Wainwright
88% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Mask

A fork of Sol LeWitt’s geometric art, this visualization renders a series of horizontal black stripes across the full browser window, with a circular region in the center masked out to reveal the white background. The composition uses an SVG `mask` element to create the circle, while JavaScript dynamically generates 100 rectangles, each 10 pixels tall, and applies the mask to them. The code relies on native SVG APIs, including `createElementNS` and `setAttribute`, without any external libraries.

CCurran Kelleher
88% 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
88% 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
88% match
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
88% match