Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction

✓ Published0🌍 Public
KKai Stewart
Last edited Mar 1, 2022
Created on Feb 8, 2022
Forked from SVG Fundamentals

A reproduction of a Sol LeWitt art piece generates an abstract composition of alternating horizontal and vertical stripes. The rendering uses SVG elements created via the `createElementNS` API, with a circular mask applied to the horizontal stripes to reveal only a central circle. The code computes stripe positions dynamically based on window dimensions, using a fixed stripe width of 10 pixels. No external libraries are used; the visualization relies entirely on native SVG and JavaScript.

AI-generated description

A reproduction of a Sol LeWitt art piece

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction

This visualization uses raw SVG and JavaScript to reproduce a Sol LeWitt wall drawing. It layers 100 horizontal and 100 vertical rectangular stripes across the full browser window. A circular mask, created via SVG `mask` and `circle` elements, is applied only to the horizontal lines, revealing them solely within a central 200-pixel radius. The code dynamically sizes the artwork to the viewport dimensions, using `document.createElementNS` and `setAttribute` to build the composition without any external libraries.

EEdgar Cortez
91% match
Loading thumbnail…

Sol Lewitt Reproduction

This reproduction of Sol LeWitt’s geometric art displays 100 vertical black stripes of varying width, all confined to a central circular region. The piece is generated using JavaScript and the SVG API, creating a mask that clips the rectangles to a circle. The rendering approach directly encodes the artwork's rule-based aesthetic, where each stripe’s position and thickness follow a simple iterative pattern rather than external data. The result highlights the intersection of algorithmic generation and minimalist visual composition.

HHeet Bhatt
90% match
Loading thumbnail…

Sol LeWitt reproduction

This piece reproduces a Sol LeWitt wall drawing using JavaScript to generate SVG elements dynamically. It displays a composition of horizontal and vertical striped rectangles that form a distinct circular pattern at the center of the viewport. The rendering uses two SVG masks, `inner-circle-mask` and `outer-circle-mask`, to control the visibility of the 100 horizontal and 100 vertical `<rect>` elements, which are sized relative to the window’s dimensions. The code relies on basic SVG APIs such as `createElementNS`, `setAttribute`, and `appendChild` to construct the artwork.

AAngela Kochoska
90% match
Loading thumbnail…

Sol LeWitt Reproduction

A minimalist web reproduction of Sol LeWitt’s geometric wall drawings, rendered as layered horizontal and vertical stripes in SVG. A circular mask isolates the intersection of the two sets of lines, creating a focal point against a full-screen canvas. The code constructs SVG elements programmatically via the DOM API, using two masks (`circle-mask` and `circle-mask-2`) and nested rects to alternate visible segments. It employs no external libraries, relying purely on native browser methods like `createElementNS` and `setAttribute` to draw 100 stripes in each direction.

Rrune@noergaard.dk
90% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

A vertical Sol LeWitt reproduction renders 100 horizontal stripes, each 10 pixels tall, clipped by a circular mask centered on the screen. A second set of 100 vertical stripes, also 10 pixels wide, overlays the horizontal ones without masking. The piece uses plain SVG created via the Document Object Model (`document.createElementNS`), with a `<mask>` element and a white circle to define the visible circular region. The page fills the browser window, with stripes spaced 20 pixels apart, producing the grid-like optical effect characteristic of LeWitt’s wall drawings.

IIgorGorin00
90% match
Loading thumbnail…

Sol LeWitt Reproduction 2

This reproduction of a Sol LeWitt artwork uses an SVG generated entirely through the Document Object Model (DOM) API. It shows a grid of horizontal and vertical stripes that are selectively revealed through two circular masks centered on the canvas. The first mask applies a black circle to create a cutout in the horizontal stripes, while the second uses a white circle to overlay vertical stripes in the same region. The code builds elements dynamically, setting width and height to the full viewport, and employs the `createElementNS` method to construct SVG nodes for masks, rectangles, and circles.

Aandu006@gmail.com
89% match
Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt drawing by generating two sets of intersecting parallel line segments—horizontal and vertical stripes—that are masked to reveal a central circular form. The SVG uses custom mask elements to clip the stripes, with one mask isolating the circle for the horizontal lines and an inverted mask for the vertical lines. The code constructs the scene entirely through native SVG APIs, creating rectangles programmatically in a loop, without relying on external visualization libraries.

TToly
89% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt drawing by assembling a grid of horizontal and vertical stripes that intersect to form a circular void at the center. The piece renders 100 horizontal rectangles masked by a black circle, while a second set of 100 vertical rectangles uses an inverted mask with a white circle, creating a complementary pattern of visible lines. Built with the HTML DOM and SVG APIs, the visualization constructs elements directly via JavaScript, using `createElementNS`, `setAttribute`, and SVG mask definitions to achieve the geometric composition. The result is a computational homage to LeWitt's conceptual art, where simple algorithmic rules generate complex visual interplay.

Ccharlieronchetti@gmail.com
89% match