Skip to main content
SimilarExport ZIP
100%

another shape Sol LeWitt Reproduction with D3

✓ Published0🌍 Public
Ddwikbtn
Last edited Aug 10, 2022
Created on Aug 10, 2022

A Sol LeWitt-inspired generative drawing uses D3 to compose horizontal and vertical hairlines that are selectively revealed through two SVG masks. The artwork demonstrates algorithmic line placement and masking with d3.select, d3.range, d3.symbol, and SVG mask elements for layered visual density. The piece runs in the browser, rendering to an SVG canvas sized to the window, and uses two masks populated with varied path symbols to create contrasting positive and negative space.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction with D3

This piece recreates a Sol LeWitt wall drawing using D3.js to generate layered, mask-based geometric forms. It displays a grid of horizontal and vertical lines that intersect within a central circular region, creating a dynamic visual pattern. The code uses the D3 selection API and raw SVG elements, employing two circular masks to selectively reveal the line structures. The rendering is dynamically sized to fit the browser window, producing an interactive, generative art experience.

Ssean@wall.ninja
87% 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
86% match
Loading thumbnail…

Sol LeWitt Reproduction with D3 - One Shape

This example reproduces a Sol LeWitt-inspired geometric artwork using D3 v3 with SVG rendering. It displays 100 horizontal and 100 vertical rectangles layered over each other, with circular masks creating a central circular reveal and its inverted counterpart. The code uses `d3.select` to append an SVG element, `d3.range` and data joins via `.join('rect')` to generate the rectangles, and SVG `<mask>` elements with appended rect and circle shapes to define the visibility patterns. The rendering dynamically fills the browser window based on `window.innerWidth` and `window.innerHeight`.

Kkathrynrbernard
86% match
Loading thumbnail…

Multi Shape Full D3 Sol LeWitt Reproduction

This D3.js reproduction of a Sol LeWitt drawing generates a full-screen SVG canvas filled with alternating vertical and horizontal striped rectangles, mimicking the artist's geometric style. Two SVG masks control the visibility of these line groups, with each mask containing a set of large, rotated path symbols drawn using `d3.symbols` and `d3.symbol`. The masks are layered so that the symbols cut through the striped patterns, creating intersecting circular and polygonal cutouts. The code uses D3's `select`, `range`, and `.join` methods to build the visual elements dynamically across a 100-point grid.

Mmegan-grannan
86% match
Loading thumbnail…

Sol LeWitt extended with D3

This example generates an abstract, generative art composition in the browser, extending the style of Sol LeWitt. It displays a grid of horizontal and vertical lines that are partially hidden by two masks, creating a dynamic interplay of shapes. The visualization uses the D3.js library to build the SVG and apply its `symbol` API to draw various symbols within the masks, with the SVG `mask` element controlling visibility. The final image is a large, screen-filling pattern of lines and geometric icon shapes that appear to emerge from the underlying grid.

Llukasreber
86% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

A Sol LeWitt-inspired generative artwork fills the browser window with a grid of overlapping horizontal and vertical bars. The piece uses two SVG masks—one revealing a central circle through dark stripes, the other inverting the effect—to create a dynamic interplay of lines and negative space. Built with D3 v6, the code leverages `select`, `range`, and data joins to render 100 rectangles in each direction, with mask elements defining the circular focal point. The result is a precise, minimalist composition that echoes LeWitt’s geometric aesthetic while demonstrating D3’s declarative SVG manipulation.

AAngie Va. Moreno
86% match
Loading thumbnail…

Sol LeWitt Reproduction more shapes with D3

This visualization reproduces a Sol LeWitt-style geometric composition using overlapping striped rectangles and mask-based shapes. A grid of horizontal and vertical bars is drawn with D3’s `select` and `range` methods, while two SVG masks create contrasting circular cutouts—one inverted—by combining black and white fills with a `symbol` path from the `symbols` array. The masks alternate the visibility of the stripes, producing an optical interaction of positive and negative space. The piece uses fixed window dimensions and renders entirely with SVG, mirroring the minimal aesthetic of the original artwork.

YYingkai Song
85% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical with D3

This example reproduces a Sol LeWitt-inspired drawing, showing a series of horizontal SVG rectangles that are masked to reveal a circle in the center of the viewport. The code builds the visualization using D3.js methods, specifically `select`, `append`, `attr`, and the `join` operation to create and style the shapes. By setting each rectangle's `mask` attribute to a predefined SVG mask, the piece demonstrates how layered vector shapes can create a generative, minimalist artwork. The rendered output uses SVG and occupies the full browser window.

WWasanta Pruttisarikorn
85% match