Skip to main content
SimilarExport ZIP
100%

Mirek - Sol LeWitt Reproduction

✓ Published0🌍 Public
MMirekBXL
Last edited Mar 21, 2023
Created on Mar 20, 2023

A Sol LeWitt-inspired generative drawing uses overlapping horizontal and vertical black stripes that appear only within a central circular region, created with SVG masks. Two mask definitions (`circle-mask` and `circle-mask-2`) isolate the stripe layers, producing a checkerboard-like grid inside the circle while leaving the surrounding canvas empty. The code builds 100 horizontal and 100 vertical rectangle elements with alternating dimensions, applying each mask to control visibility. This pure JavaScript example constructs the SVG document programmatically via `createElementNS` and `appendChild`, with no external libraries or data source.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Mirek - Sol LeWitt Reproduction Vertical

A full-screen SVG reproduction of a Sol LeWitt drawing displays a grid of vertical stripes overlaid with horizontal bands visible only through a circular mask, creating a stark contrast between masked and unmasked areas. The code builds the scene using the SVG namespace, generating 100 horizontal rectangles and 100 vertical rectangles, with a masked circle centered on the canvas revealing a 200-pixel radius region. The mask element, defined with a black rectangle and white circle, controls which horizontal bars appear, while the vertical bars remain fully visible across the entire viewport.

MMirekBXL
91% match
Loading thumbnail…

Mirek - Sol LeWitt Reproduction w/ D3

This example reproduces a Sol LeWitt art piece using D3 version 6 and SVG rendering. It displays two sets of overlapping thin rectangles—horizontal and vertical stripes—each masked to reveal a circular region in the center. The code uses `d3.select`, `d3.range`, and SVG `mask` elements with black-and-white circles to create the cutout effect, with the second mask inverting the visibility to alternate layer patterns across the full window size.

MMirekBXL
86% match
Loading thumbnail…

Mirek - Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style minimalist drawing using raw SVG elements created via the DOM API. It displays a series of one hundred thin vertical black rectangles, each ten pixels wide, evenly spaced across the full viewport height and horizontally offset by twenty pixels. The rendering relies on `document.createElementNS` to generate each `rect` element and appends them to an SVG container sized to the browser window. No external libraries or data sources are used; the pattern is procedurally generated in a simple loop.

MMirekBXL
86% match
Loading thumbnail…

Sol Lewitt Reproduction

This example reproduces a Sol LeWitt-style drawing using SVG and JavaScript. It displays a grid of vertical and horizontal stripes that are visible only within a central circle, creating an intersection pattern. The code uses the Document Object Model (DOM) to create SVG elements, including masks, rectangles, and circles. Two circular masks with contrasting fills control where each set of stripes is revealed, demonstrating a generative art technique with a clean, geometric output.

VVincent Leduc
85% match
Loading thumbnail…

Sol LeWitt

This example reproduces a Sol LeWitt drawing using SVG. It renders a grid of horizontal and vertical stripes, with a circular mask creating the illusion of layered bands across the canvas. The stripes are generated programmatically in JavaScript, using `document.createElementNS` to build SVG `rect` elements. Two complementary masks (`circle-mask` and `circle-mask-2`) alternate which stripe orientation is visible, producing a clean geometric composition that adapts to the full browser window size.

Aainhoadieruiz@gmail.com
85% 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
84% 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
84% match
Loading thumbnail…

Sol LeWitt Reproduction Final

This example reproduces a Sol LeWitt wall drawing using pure JavaScript and SVG APIs. It shows a grid of horizontal and vertical striped rectangles overlaid with two circular masks, creating a composition of intersecting lines that fade into a central circle. The code builds SVG elements dynamically via `document.createElementNS`, applying a black-to-white mask and an inverted white-to-black mask to reveal alternating line directions. One hundred horizontal strips and one hundred vertical strips are generated in loops, with the masks controlling visibility to form the final geometric pattern.

AAndre J Denais
84% match