Skip to main content
SimilarExport ZIP
100%

Sol LeWitt reproduction circle inverted

✓ Published0🌍 Public
LLouis Astorg
Last edited Jul 27, 2022
Created on Jul 27, 2022

This example reproduces Sol LeWitt’s wall drawing as an inverted, gridded composition: a central circular area shows horizontal stripes, while the surrounding field displays vertical stripes, flipping the visual emphasis of the original artwork. The rendering uses raw SVG created via the DOM API, with two `<mask>` elements (one white-rectangle with a black circle, the other black-rectangle with a white circle) to define which stripes appear inside versus outside the circle. Both horizontal and vertical stripe groups are generated in plain JavaScript loops, each applying one of the masks to alternate the visible orientation.

AI-generated description

A reproduction of Sol LeWitt art piece

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt reproduction circle

This piece reproduces a Sol LeWitt wall drawing by layering horizontal and vertical stripes that are visible only within a circular region at the center of the canvas. The code builds an SVG scene using the `createElementNS` API to construct rectangles grouped into two sets, each masked by a dedicated SVG `mask`. One mask reveals a filled circle over a black background, while the other inverts the mask, producing a negative-space effect where the stripes appear both inside and outside the circle.

LLouis Astorg
91% match
Loading thumbnail…

Sol LeWitt Reproduction Inverse

This interactive SVG reproduction of a Sol LeWitt wall drawing layers horizontal and vertical striped rectangles, creating a grid-like pattern that is revealed through two circular masks. The first mask uses a black background with a white circle to show only the horizontal bands inside the circle, while the second inverts this with a white background and black circle to display the vertical bands outside it. The code builds the entire composition dynamically via the DOM API, creating 100 striped rectangles per direction and applying the masks with `url(#circle-mask)` and `url(#circle-mask-2)`. The piece renders full-window, adapting to the viewport dimensions.

Aandu006@gmail.com
90% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces Sol LeWitt’s geometric wall drawing style by generating a grid of horizontal and vertical black stripes on a white background. A circular mask in the center of the SVG reveals only the stripes inside the circle, while a second inverted mask applies to the vertical lines, creating a layered crosshatch effect. The code uses raw SVG elements created via the DOM API (`document.createElementNS`), with two mask definitions (`<mask>` and `<mask2>`) to control visibility. The rendering is entirely procedural, with 100 rectangles in each direction, and no external data source or library beyond vanilla JavaScript and SVG.

Aalexscott-untitled
90% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using SVG and JavaScript. A circular mask isolates a group of horizontal stripes, while un-masked vertical lines extend across the full canvas. The code generates 100 horizontal rectangles with a set height and 100 vertical rectangles, positioning them in a grid pattern via the `createElementNS` API. The mask, defined with a `circle` element, limits the horizontal stripes to a central circular region, creating a subtle intersection effect between the two sets of lines.

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

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using dynamically generated SVG elements. It shows a grid of horizontal and vertical stripes, masked to reveal a central circular area where only horizontal lines appear, surrounded by vertical lines. The code uses raw Document Object Model (DOM) methods such as `document.createElementNS` and `setAttribute` to construct the SVG, with two mask definitions (`circle-mask` and `circle-mask-2`) controlling visibility. No external libraries are used; the rendering relies purely on SVG rectangles and masks in the browser.

PPareel Amre
88% match
Loading thumbnail…

Sol LeWitt reproduction square inverted

This piece reproduces Sol LeWitt’s Wall Drawing #370 in inverted form, displaying a grid of thin colored rectangles over a central square void. The code builds the scene using SVG, creating two masks: the first hides a horizontal set of 100 bars inside a square, the second reveals vertical bars outside it. Both mask patterns are generated procedurally via JavaScript and the DOM API, with each rectangle sized relative to the browser window, producing the final inverted checkerboard effect.

LLouis Astorg
88% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWITT wall drawing using two circular SVG masks to create a grid of alternating horizontal and vertical black lines. The first mask reveals only the horizontal stripes within a centered circle, while the second mask applies the opposite effect, showing vertical stripes outside that same circular region. The code builds the scene entirely with native SVG elements—masks, rectangles, and loops—rendering crisp geometric patterns that mimic LeWitt’s instructional art, with no external libraries or data sources.

NNafi
88% match