Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction Mask

✓ Published1🌍 Public
AAndre J Denais
Last edited Apr 21, 2021
Created on Apr 21, 2021

This visualization reproduces a Sol LeWitt art piece using a simple SVG mask to create a circular viewing window. It shows a series of horizontal black-and-white striped bars filling the entire screen, stopped by a central circular hole that reveals the full rectangle. The code builds an SVG via DOM manipulation, defines a mask containing a white rectangle and black circle, then appends 100 thin rect elements with the mask applied to create the striped pattern. The rendering relies on core SVG APIs and no external libraries.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction Mask Inverse

This example reproduces a Sol LeWitt art piece using an SVG mask to create an inverse circle effect. Horizontal black stripes are partially revealed through a circular mask centered on the canvas, while vertical stripes overlay the full height. The code constructs the SVG dynamically with JavaScript, creating 100 horizontal rectangles masked by a white circle on a black background, plus 100 unmasked vertical rectangles. It uses raw SVG APIs including `createElementNS`, `mask`, and `rect` elements, with no external libraries.

AAndre J Denais
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 Vert

A grid of thin horizontal and vertical rectangles creates a classic Sol LeWitt-style geometric composition. The piece shows a bold black-and-white striped field, but a circular mask in the center reveals the underlying pattern by clipping the horizontal lines. Using the SVG DOM API, the code creates 100 horizontal and vertical bars, with a masked circle defining the visible area. The rendering relies on native SVG elements and mask functionality, producing a crisp, minimalist study of repetition and negative space.

Aandu006@gmail.com
90% match
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
90% match
Loading thumbnail…

Sol Lewitt Reproduction

This visualization reproduces a Sol LeWitt-inspired drawing using nested SVG masks to create a circular window onto a grid of horizontal and vertical stripes. A white circle masked over black reveals colored horizontal bars, while a second inverted mask on a white background exposes vertical bars in the surrounding area. The code builds the SVG dynamically with `document.createElementNS`, configuring two `<mask>` elements and generating 100 rectangular stripes in each direction. The colors alternate through the default black fill, producing a stark geometric pattern that fills the browser viewport.

Nnicolekevans
90% match
Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by generating a grid of horizontal and vertical stripes that are partially revealed through two circular masks. The horizontal stripes are masked by a circle with a white fill on a black background, while the vertical stripes use the inverse mask, creating a cross-like interplay of lines within the circular region. Built with D3 v6, the code uses `selectAll` and `join` to create 100 rectangles in each direction, with `range(n)` providing the data. The SVG masks, defined via `mask` and `circle` elements, control which parts of the stripes are visible.

Jjv
90% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

This visualization reproduces a Sol LeWitt-inspired geometric drawing using an SVG scene under a circular mask. It shows a grid of fine black lines—horizontal strokes overlapped by vertical strokes—that remain visible only inside a centered circle, while the surrounding area stays blank. The code uses raw SVG element creation via `document.createElementNS` and `mask` elements to achieve the cutout effect. The rendering consists of 100 horizontal rectangles and 100 vertical rectangles, with the circle mask controlling visibility.

KKhanin Sisaengsuwanchai
90% match
Loading thumbnail…

Sol LeWitt Reproduction AG

This example reproduces a Sol LeWitt wall drawing using SVG masks and layered rectangles. The code creates two circular masks, one with a black background and white circle, the other inverted, then applies them to 100 horizontal and 100 vertical bars. The result is a grid of intersecting lines visible only within the circular regions, mimicking the geometric precision of LeWitt’s conceptual art. It uses raw SVG DOM manipulation via `document.createElementNS` and mask attributes, with no external libraries.

Gguththered
90% match