Skip to main content
SimilarExport ZIP
100%

Sol LeWitt-Inspired Shapes

✓ Published2🌍 Public
Aadventuresenglish.info@gmail.com
Last edited Dec 4, 2023
Created on Nov 26, 2023
Forked from FULL LeWitt Circle

A generative art piece inspired by Sol LeWitt’s geometric wall drawings, this visualization fills the browser window with an SVG grid of randomly colored rectangles and vertical slats. The code uses D3 v7’s symbol generators and masks to alternately reveal or hide each shape within alternating columns, producing a woven, layered composition. The rendering logic relies on SVG `<mask>` elements, `d3.range`, and `d3.selectAll().join()` to construct both horizontal and vertical bands, with the mask patterns cycling through D3’s built-in symbol types. The result is a dynamic, self-contained pattern generated from deterministic geometry and random color values.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt-Inspired Shapes

This piece is an abstract generative art piece inspired by Sol LeWitt’s geometric wall drawings, built with D3 v7 and rendered as SVG. It displays a grid of blocks, each containing randomly colored horizontal and vertical slats, which are partially obscured by two alternating masks shaped from D3’s built-in symbol generators. The code uses `d3.symbols`, `d3.range`, and `.join()` to create rectangles and symbol paths, while the masks toggle visibility via an inverted fill pattern for varied visual depth. The page automatically reloads every 2.8 seconds to generate a new composition.

Aadventuresenglish.info@gmail.com
95% match
Loading thumbnail…

Fork of Fork of Sol LeWitt-Inspired Shapes

An abstract SVG composition fills the browser window with randomly colored bars and rectangles, arranged in a grid of six columns. It uses D3's `d3.symbol` to generate six distinct mask shapes that alternately reveal or conceal overlapping layers. The code creates a dynamic pattern through `d3.range` loops, applying SVG `<rect>` elements and `mask` filters. Each column cycles through randomized RGB colors, producing a chaotic, generative artwork inspired by Sol LeWitt, rendered entirely client-side with D3 v7.

Aadventuresenglish.info@gmail.com
90% match
Loading thumbnail…

Sol LeWitt exercise

This visualization generates a grid of horizontal and vertical rectangles on an SVG canvas, creating a woven pattern inspired by Sol LeWitt’s geometric art. Two masks, each containing a large D3 symbol shape, invert the fill of the intersecting lines to reveal the glyphs as negative space. The code uses D3 selections and data joins to render 100 rows and columns, with mask IDs applied via the `attr` method and custom mask rendering logic. The result is a dynamic interplay of line and form, driven entirely by D3’s `range`, `symbol`, and `symbols` APIs.

CC-Marfil
89% match
Loading thumbnail…

D3 Sol LeWitt 2

This visualization generates an abstract grid of horizontal and vertical stripes across the full browser window, inspired by Sol LeWitt’s geometric wall drawings. Two sets of one hundred rectangles each create the striped pattern, with each set filtered through a separate SVG mask. The masks incorporate D3’s `symbol` shapes—including circles, diamonds, and squares—positioned via `d3.range` and `selectAll().join()`. Using D3 v7 with a React setup, the code renders entirely as SVG, with masking inverted between the two layers to produce intersecting geometric cutouts.

JJMeltzer92
89% match
Loading thumbnail…

Fork of Fork of Fork of Sol LeWitt-Inspired Shapes

This visualization generates a grid of Sol LeWitt-inspired abstract compositions using randomized geometric shapes and colors. Each block combines horizontal slats, vertical stripes, and filled rectangles that are partially hidden by SVG masks shaped like D3 symbols (circles, crosses, diamonds, and other glyphs). The rendering approach uses D3 selections with `join` to bind data to SVG `rect` elements, while masks alternate between inverted and non-inverted states across rows. The page fills the viewport and redraws randomly on each load, producing a dynamic, colorful mosaic that echoes the artist’s rule-based aesthetic.

Aadventuresenglish.info@gmail.com
89% match
Loading thumbnail…

Sol LeWitt Repro w/ D3

A Sol LeWitt-inspired generative drawing fills the browser window with a grid of horizontal and vertical bars whose visibility is controlled by inverted SVG masks, creating a distinctive halftone pattern. The code uses D3 v7’s `select`, `selectAll`, and `data().join()` to bind an array of 100 rectangle marks to SVG `rect` elements, each masked via `url(#mask-Inv)`. A central circular mask region inverts the bar visibility, producing the artwork’s characteristic optical interplay.

Hhelloelectro
88% match
Loading thumbnail…

Fork of Fork of Fork of Sol LeWitt-Inspired Shapes

This generative art piece renders a grid of colorful rectangular blocks, each filled with a random RGB color. It shows a tiled composition of horizontal and vertical stripes, with alternating masked regions that reveal two different Sol LeWitt-inspired geometric symbols per tile. The work uses D3.js (v7.8.5) to build an SVG scene, creating random colors, applying SVG masks (defined via `renderMask`) to alternate between the two symbol shapes, and arranging rows and columns dynamically based on window dimensions. The code also uses D3’s `selectAll` and `join` for efficient DOM updates.

Rrbdyer3@gmail.com
88% 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
88% match