Skip to main content
SimilarExport ZIP
100%

Mirek - Sol LeWitt Reproduction Vertical

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

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.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Mirek - Sol LeWitt Reproduction

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.

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

Mirek - Full Sol LeWitt Reproduction w/ D3

This reproduction of a Sol LeWitt wall drawing uses D3.js to render a grid of intersecting black and white lines. The visualization shows 100 horizontal and 100 vertical rectangles, each masked by a large geometric symbol. The piece uses `select`, `range`, `symbols`, and `symbol` from D3 to generate SVG output. Two masks, one inverted, apply distinct shapes to the horizontal and vertical line groups, creating a layered, patterned effect across the full browser window.

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

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-style geometric composition as a vertical grid of alternating vertical and horizontal stripes. It shows a structured visual pattern where two circular masks define regions of overlap, creating a cross-shaped interplay of lines. The rendering uses plain SVG elements—`rect` and `circle`—with two custom masks (`circle-mask` and `circle-mask-2`) to control which stripes appear in each area. The code dynamically generates 100 vertical and 100 horizontal rectangles, each styled with a distinct mask, to achieve the final layered effect. No external libraries are used; the visualization relies solely on native SVG and JavaScript.

Mmaciekawsq@gmail.com
86% match
Loading thumbnail…

Sol LeWitt Reproduction Mask

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.

AAndre J Denais
85% 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
85% 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
85% match