Skip to main content
SimilarExport ZIP
100%

Sol witte complete selection

✓ Published0🌍 Public
JJeppeOEM
Last edited Feb 25, 2023
Created on Feb 25, 2023

This example reproduces a Sol LeWitt-inspired geometric composition using SVG. It displays a grid of horizontal and vertical rectangles that are partially obscured by two overlapping masks: one reveals a large diamond shape, while the other hides a circle in the center. The code uses D3.js version 6.6.1 with selections and the `join()` method to generate the rectangles, and the `d3.symbol` API to draw the diamond path. The result combines structured linework with negative space, mimicking the artist’s minimalist aesthetic.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece using D3.js, generating a grid of thin horizontal and vertical rectangles that overlap across the full browser window. The composition uses SVG masks to create alternating visibility: one mask reveals a central diamond shape against a black background, while the other inverts the pattern with a white background. The code leverages D3’s `select`, `range`, and `join` to append rectangles, and `symbol` with `symbols` to define the diamond mask paths. Rendering is SVG-based, with masks applied via the `mask` element.

Jjajinkya
88% match
Loading thumbnail…

Full Sol LeWitt with D3

A grid of alternating horizontal and vertical rectangles creates a full-screen Sol LeWitt–style composition, masked by two large diamond shapes. The D3 code uses `select` and `range` to generate 100 rectangles in each orientation, applying SVG `mask` elements to reveal or hide strokes. It leverages D3’s `symbol` and `symbols` APIs to draw the diamond masks, with `translate` positioning them at the center. The rendering is SVG-based, sized to the window with `innerWidth` and `innerHeight`.

Aainhoadieruiz@gmail.com
88% match
Loading thumbnail…

Sol

This interactive artwork reproduces a Sol LeWitt-inspired drawing using SVG. It displays a grid of vertical and horizontal lines that are partially revealed through a mask containing geometric symbols. The piece builds the composition by layering 100 rectangles in each orientation. The visualization uses D3.js, specifically the `select`, `range`, `symbols`, and `symbol` APIs, to generate the mask patterns and render the final image dynamically based on the browser window size.

JJeppeOEM
88% match
Loading thumbnail…

Full D3 Sol LeWitt pt2

This example reproduces a Sol LeWitt-style geometric composition using D3 v3 and SVG rendering. It shows a grid of thin vertical and horizontal rectangles spanning the full viewport, with each set masked to reveal a central diamond shape through alternating positive and negative space. The code builds the masks by appending `mask` elements with contrasting fill colors, then draws the diamond using a D3 path generator with the `symbol` API and a large size value. The layout relies on `d3.range` to generate 100 equally spaced rectangles along each axis.

AArturo Guevara
87% match
Loading thumbnail…

full Sol LeWitt Reproduction with D3

This example shows a full-screen abstract geometric composition inspired by Sol LeWitt, built with D3 v7 and rendered as SVG. Two sets of overlapping horizontal and vertical striped rects create a grid, while a diamond-shaped mask and a circular mask reveal different sections of the pattern. The code uses `d3.select`, `d3.range`, `d3.symbol` with a square symbol, and `.join()` to generate the shapes. The masks are constructed with `svg.append('mask')`, combining black and white rects and paths to control visibility.

Rroyable88
87% match
Loading thumbnail…

sol lewitt2

This example reproduces a Sol LeWitt-inspired geometric composition using D3 selections and SVG masks. It draws two intersecting sets of thin horizontal and vertical rectangles, each masked by a large circular symbol defined via `d3.symbol` and `d3.symbols`. The first mask uses a light-on-dark pattern, the second an inverted dark-on-light pattern, creating layered contrast across the full window. The code relies on `d3.select`, `range`, `symbol`, and SVG `mask` elements to generate the visual, with a hardcoded `n` of 100 for the line spacing.

Nneojournalist
87% match
Loading thumbnail…

Sol LeWitt Full Working with D3

This example encodes a minimalist grid in the style of Sol LeWitt, using a 50 × 50 set of horizontal and vertical rectangles. The rectangles are masked by two overlapping circular threshold patterns, effectively revealing a cross-hatched composition that changes with the mask geometry. The implementation uses D3’s `select`, `range`, and `symbol` APIs to build SVG elements and path masks, with the `symbol` function generating a large circular clip path via `symbols[1]`. The rendered output is entirely vector-based, with masks defined through SVG `mask` elements and applied to both sets of rectangles.

Aalexis.delacotte@gmail.com
87% match
Loading thumbnail…

Full Sol LeWitt con D3

This example renders a grid of horizontal and vertical rectangles using D3’s `select`, `range`, and `join`. Two SVG masks, created via `append('mask')` and `attr('id')`, cut a diamond-shaped hole in the grid, with one mask inverted to show contrasting fill. The code uses `symbol` and `symbols[3]` to draw the diamond path, and `svg.call` to apply masks. It runs at full browser size with no external data, relying on D3 v6.6.1 and SVG rendering.

SSergio
87% match