Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction vertical

✓ Published1🌍 Public
Lliu yang
Last edited Nov 9, 2023
Created on Nov 9, 2023

A generative drawing builds a vertical grid of thin horizontal and vertical bars that intersect inside a central circular aperture. Two SVG masks define the visible region: one mask reveals a black-circle-on-white-background pattern for the horizontal bars, while the inverse mask displays the vertical bars against a black circle. The composition uses 100 stacked rectangles for each orientation, created with the Document Object Model’s `createElementNS` and `setAttribute` methods. This fork of a Sol LeWitt reproduction inverts the horizontal mask’s fill color, altering the interplay of line weights.

AI-generated description

Sol LeWitt Reproduction

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

Fork of Sol LeWitt Reproduction

This is a generative art example that reproduces a Sol LeWitt piece as an SVG drawing. It shows a grid of horizontal and vertical bands intersecting within two circular masks at the center of the viewport. The rendering uses vanilla JavaScript with SVG’s `mask` and `circle` elements to alternate which bands are visible. The code creates 100 horizontal and 100 vertical rectangles, each 10 pixels thick, and uses two complementary masks to reveal either the horizontal or vertical set within a 200-pixel-radius circle, creating a crosshatched, layered effect.

MMaras13
90% 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 Vertical

This example recreates a Sol LeWitt–inspired geometric composition using only SVG primitives and masking, showing a grid of thin vertical and horizontal bars that intersect to form a central circular void. The work emphasizes the contrast between ordered line work and negative space, creating a pseudo-visualization that mimics algorithmic drawing without encoding external data. The code relies on the raw DOM APIs `document.createElementNS` and `setAttribute` to construct the SVG elements, while two `<mask>` definitions with inverted fills (white background with black circle, black background with white circle) selectively reveal the vertical strokes inside the circle and the horizontal strokes outside it. No external libraries are used; the font is loaded via Google Fonts’ “Share Tech” for the text styling.

Ccome.grant@gmail.com
90% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Vertical

This example reproduces Sol LeWitt’s minimalist wall drawing as an interactive SVG composition. It generates a grid of alternating horizontal and vertical rectangles, with a circular mask revealing only the central region of the layered shapes. The code uses the DOM API’s `createElementNS` to construct SVG elements directly, setting attributes like `width`, `height`, and `mask` programmatically. No external libraries are required, and the rendering adapts to the full browser viewport, creating a stark black-and-white geometric pattern inspired by the artist’s systematic approach.

WWasanta Pruttisarikorn
90% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction Vertical Inverst

This example generates an abstract geometric composition by layering horizontal and vertical bars over a full-screen SVG canvas. A circular mask and its inverse are created using the SVG `mask` element, with the first mask revealing horizontal strips in the central circle and the second exposing vertical strips outside it. The code uses the DOM API `createElementNS` to construct SVG elements dynamically, setting attributes like `width`, `height`, and `mask` via `setAttribute`. No external libraries are used; all shapes are drawn procedurally in a loop with 100 iterations per orientation.

WWasanta Pruttisarikorn
90% match
Loading thumbnail…

Fork of Fork of Sol LeWitt reproduction Mask Inverse

This generative SVG artwork is a procedural reproduction of a Sol LeWitt piece. It displays a grid of horizontal and vertical black rectangles against a white background, with a large circular mask in the center that inverts the pattern. The piece shows vertical black lines contained within a white circle, which is created by using an SVG `mask` element to reveal those lines against an otherwise solid field. The code dynamically constructs the layout using the DOM API, creating 100 horizontal rectangles and a series of vertical bars to achieve the geometric composition.

ZzolboBatsaikhan
90% 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
89% match