Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction with D3-episode 04

✓ Published0🌍 Public
Mmaxthamt
Last edited Mar 27, 2021
Created on Mar 27, 2021

This piece displays a visual grid of alternating horizontal and vertical strips that are revealed through two contrasting circular masks. Built with the D3 library (version 6.6.1), it generates 100 semi-transparent rectangular bands in each orientation, with one mask using a black background and the other using white to invert the visible regions. The composition forms an intersecting pattern that echoes Sol LeWitt’s geometric style, rendered entirely through programmatic SVG element creation.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction with D3 -pr

A grid of thin horizontal and vertical bands fills the browser window, but a circular mask reveals only the central intersection of the two patterns. The piece reproduces a Sol LeWitt wall drawing. Created with D3.js (v6.6.1) using `select`, `range`, and `.join` to build SVG `rect` elements, it applies two SVG masks—one with a black background and white circle, the other inverted—to cut the stripes into a disc-like view at the center of the canvas.

NNaveen Pratiksha
91% match
Loading thumbnail…

4_Sol LeWitt Reproduction with D3

This piece uses D3.js within an SVG framework to create a geometric composition inspired by Sol LeWitt. It displays a central circular window formed by two overlapping masks—one creating a circular hole, the other creating a surrounding ring—through which horizontal and vertical striped rectangles pass. The artwork is generated procedurally by creating a mask element with a circle, applying it to a series of rect elements, then repeating the process with inverted colors for a second layered set of lines. The D3 import is present but unused; all shapes are built via direct SVG DOM manipulation.

DddG12g
90% match
Loading thumbnail…

Sol LeWitt Reproduction with D3 AG

A D3.js reproduction of a Sol LeWitt art piece renders a grid of horizontal and vertical bars on a full-window SVG canvas. Two mask elements with contrasting black-and-white fill patterns clip the bars, creating a circular window at the center that reveals the layered strip intersections. The code uses `select`, `range`, `join`, and `attr` to generate 100 rectangles in each direction, with `append('mask')` defining the circle masks. The composition directly reflects LeWitt's geometric, rule-based aesthetic through D3's data-driven SVG generation.

Gguththered
90% match
Loading thumbnail…

Sol LeWitt Reproduction in D3

This example recreates a Sol LeWitt-inspired geometric composition using D3.js. It renders a grid of horizontal and vertical SVG rectangles across the full window, with each set masked to reveal intersecting circular cutouts at the center. The visualization relies on d3.select, d3.range, and SVG mask elements to layer two sets of stripes, alternating black and white fills within the circles. The result is a clean, minimal pattern that mimics the artist’s systematic approach to drawing, with no data input beyond the generated grid dimensions.

Mmaciekawsq@gmail.com
90% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt wall drawing using D3 to generate a grid of alternating horizontal and vertical bands across the full viewport. Two masks reveal circular cutouts: the first exposes a black circle on a transparent background, while the second creates an inverse pattern. The code uses D3's `select`, `append`, and `join` APIs to efficiently construct SVG rectangles from `range(n)` data, with masks defined via SVG `mask` elements containing `rect` and `circle` shapes, rendering entirely as vector graphics.

Mma-jacobs
90% 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
90% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

A generative reproduction of a Sol LeWitt art piece uses D3 to draw intersecting horizontal and vertical striped bands filtered by two complementary masks. The SVG rendering employs `d3.select`, `d3.range`, `d3.symbol`, and `d3.scaleBand` to place alternating white and black symbol shapes within each mask, creating a woven visual pattern. The masks alternate transparency to combine the striped layers, producing a geometric composition that echoes LeWitt’s systematic wall drawings.

CCurran Kelleher
90% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece using D3 v6. It displays a grid of vertical and horizontal striped rectangles overlaid with two circular masks, creating intersecting line patterns. The visualization uses `d3.select`, `d3.range`, and the `join` pattern to generate 100 SVG rectangle elements in each direction. Two SVG masks, each containing a black or white circle, selectively reveal or hide portions of the stripes, producing the geometric contrast characteristic of LeWitt’s work. The SVG fills the entire browser window.

AAndre J Denais
90% match