Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction Mask

✓ Published2🌍 Public
CCurran Kelleher
Last edited Mar 20, 2021
Created on Mar 20, 2021

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.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol Lewitt Reproduction mask

This example reproduces a Sol LeWitt-inspired geometric composition by drawing 100 horizontal stripes across the full browser window. A circular SVG mask, defined with a black circle over a white rectangle, reveals only the central region of the stripes, creating a circular vignette effect. The code constructs all elements dynamically using the raw Document Object Model (DOM) API, including `document.createElementNS` and `setAttribute`, without relying on external libraries. The mask and rectangles are appended directly to an SVG element sized to match the viewport dimensions.

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

Fork of Fork of Sol LeWitt Reproduction Mask Inverse

This example shows a generative art composition inspired by Sol LeWitt, featuring horizontal and vertical black stripes overlaid on a white background. A circular white mask on a black rectangle reveals the stripes only within a centered 200-pixel radius, creating an inverse grid effect. The SVG is built dynamically via the DOM API, with 100 horizontal stripes masked by the circle and 100 vertical stripes drawn unmasked across the full canvas.

CCurran Kelleher
92% match
Loading thumbnail…

Fork of Sol LeWitt reproduction Mask

This example reproduces a Sol LeWitt art piece as an interactive SVG visualization. It shows a field of vertical rectangular stripes that are fully visible outside a central circular area, where they are masked out to reveal a blank region. The code uses raw JavaScript and DOM manipulation to construct an SVG `mask` element containing a white background rectangle and a black circle, then applies that mask to 100 overlapping vertical rectangles via the `url(#circle-mask)` reference. The rendering approach is purely procedural, generating shapes directly with `document.createElementNS` without any external data or libraries.

ZzolboBatsaikhan
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces Sol LeWitt’s geometric art by layering 100 horizontal and 100 vertical stripes across the full screen. A circular mask in the center reveals only the horizontal stripes inside the circle, while an inverted mask outside the circle shows the vertical stripes. Using the SVG API, the code creates mask elements, rectangles, and circles programmatically, with each stripe set to a fixed width or height of 10 pixels. The rendering is entirely vector-based, driven by raw JavaScript and DOM manipulation without external libraries.

Jjustinhersom@gmail.com
92% match