Skip to main content
SimilarExport ZIP
100%

Mirek - Full Sol LeWitt Reproduction w/ D3

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

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.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

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

Full Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt wall drawing using D3.js, rendering a grid of horizontal and vertical lines that intersect to form a subtle pattern across the full browser viewport. The piece relies on two SVG masks—one circular and one rectangular—to selectively reveal or hide portions of the line arrays. Specifically, a path generated via `symbol(symbols[1],100000)` creates a large circular mask over the vertical lines, while a black circle mask obscures the horizontal lines in a contrasting region. The code uses D3’s `select`, `range`, and `join` APIs to efficiently append hundreds of SVG rect elements, with all rendering performed client-side in SVG format.

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

Full Sol LeWitt Reproduction Final with D3

This visualization reproduces a Sol LeWitt wall drawing using D3.js to render a grid of thin horizontal and vertical lines across the full browser window. The piece uses SVG masks to create two contrasting geometric cutouts: a large white diamond-shaped symbol in the center and a black circular hole, revealing the line patterns beneath. The code employs d3.select, d3.range, and d3.symbol to generate the composition, with the mask elements dynamically positioned based on the viewport dimensions. The artwork is drawn entirely with SVG rectangles arranged by D3’s data join.

Kkwambokar
88% match
Loading thumbnail…

Full Sol LeWitt Reproduction with D3

This visualization reproduces a full Sol LeWitt art piece using D3, displaying a grid of horizontal and vertical stripes that are selectively masked by geometric symbols. The artwork shows alternating bands of lines, with the vertical stripes masked by filled shapes and the horizontal stripes partially obscured. The code uses D3’s `select`, `range`, and `symbols` APIs to generate SVG rectangles and mask paths, rendering 100 lines in each direction across the full browser window. Two separate masks apply contrasting white and black fills to create the overlapping pattern effect.

PPareel Amre
87% match
Loading thumbnail…

Sol LeWitt Reproduction D3

This D3.js reproduction of a Sol LeWitt art piece uses two sets of alternating horizontal and vertical grid lines made of thin rectangles, each set partially hidden by a circular mask. The first mask reveals a white circle on a black background, while the second shows the inverse, creating a visual interplay between the two line orientations. Built with the d3 `select`, `range`, and `symbols` APIs, the SVG rendering fills the entire browser window and uses 100 lines in each direction. The piece references LeWitt’s geometric wall drawings, translating his grid-based concept into dynamic, screen-filling linework.

AAndrey Matukhno
87% match
Loading thumbnail…

Full Sol LeWitt Reproduction with D3

A full-screen SVG reproduction of a Sol LeWitt art piece renders a grid of horizontal and vertical lines, each line of constant width and separated by a fixed interval. D3’s `select`, `range`, `symbols`, and `symbol` APIs generate the line structure, while mask elements, created via the `renderMask` function, define cutout shapes—a circle and other geometric symbols—through which the lines are visible. The masks use fill colors to either hide or reveal lines, producing an inverted visual effect across the composition.

MMofizur Rahman
87% match
Loading thumbnail…

Full Sol LeWitt Reproduction with D3

This reproduction of a Sol LeWitt wall drawing uses D3.js version 7.8.5 to render layered horizontal and vertical stripes across the full browser window. The SVG output applies two distinct masks to each set of stripes, with each mask containing a row of geometric symbols generated via `d3.symbols` and `d3.symbol`. The inverted mask (white background with black symbols) and non-inverted mask (black background with white symbols) create the contrasting visual interplay characteristic of LeWitt's systematic instructions.

Nnim@brejnholt.dk
86% match