Fork of Fork of Fork of Sol LeWitt-Inspired Shapes

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

94% match

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.

92% match

2Fork of Fork of Fork of Sol LeWitt-Inspired Shapes

This piece generates an abstract, colorful composition of rectangular blocks that repeat across a grid. Each block is subdivided into smaller vertical and horizontal strips with randomized RGB colors. D3 masks, defined by large scaled path symbols, selectively reveal and hide portions of the strips, creating a complex interlocking pattern. The code uses D3’s `select`, `range`, `symbols`, and custom mask rendering to build the SVG.

90% match

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.

89% match

Fork of Fork of Full Sol LeWitt Reproduction with D3

This visualization recreates a Sol LeWitt–style grid of horizontal and vertical lines, overlaid with two masks that reveal symbolic shapes in contrasting areas. The example uses D3 v6 to generate 100 rectangular strips in each direction, then applies SVG masks via `d3.select` and `append('mask')`. Each mask uses D3 symbol generators (`d3.symbol` and `d3.symbols`) to draw numbered geometric icons—circles, crosses, diamonds, and squares—in black or white, creating a layered optical effect. The code directly manipulates SVG elements and relies on the `range`, `join`, and `attr` APIs to build the repeating structure.

AAlpineStranger

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.

Fork of Sol LeWitt Reproduction with D3

This example recreates a Sol LeWitt–style grid using two sets of horizontal and vertical rectangles, each clipped by a circular mask to produce a black-and-white geometric composition. The code uses D3’s `select`, `range`, and `join` to generate 100 stripes in each direction, while `d3.symbol` and `symbols[1]` draw a diamond-shaped mask path. Two SVG masks alternate inverted fills, revealing or hiding parts of the grid. The visualization runs in React, renders as SVG, and adapts to the full browser window size.

MMark Christian

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt-inspired geometric composition using D3.js within a React framework, rendered as an SVG. It displays a grid of horizontal and vertical rectangular stripes that are partially revealed through two circular masks, creating a crosshatched pattern with a central circular void. The code leverages D3's `select`, `range`, and `.join()` API to generate the stripes, while SVG mask elements define the visibility zones. The visualization dynamically sizes to the browser window, demonstrating a blend of generative art and data-driven DOM manipulation.

MMark Christian