Sol LeWitt-Inspired Shapes

100%

Sol LeWitt-Inspired Shapes

✓ Published1🌍 Public

Last edited Dec 6, 2023

Created on Dec 4, 2023

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.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Sol LeWitt-Inspired Shapes

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.

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

88% 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

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 With D3

This example recreates a Sol LeWitt wall drawing using D3.js to render layered geometric abstractions in SVG. The visualization combines horizontal and vertical striped rectangles with concentric arc paths, all filtered through SVG masks that selectively reveal or hide portions of each shape across the viewport. The code uses D3 selections with `range()` to generate repeated elements, `.join()` for data binding, and `mask` attributes to composite intersecting forms. The result is a dynamic, generative composition that responds to the browser window dimensions while echoing LeWitt’s systematic, rule-based artistic style.

Jjony6290

87% 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

87% 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

87% 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

87% match