Skip to main content
SimilarExport ZIP
100%

Full Fork of Fork of Sol lewitt reproduction in D3

✓ Published1🌍 Public
Ssheldonv2.0@gmail.com
Last edited Feb 1, 2025
Created on Jan 29, 2025

This example reproduces Sol LeWitt’s geometric wall drawings using D3 v7. It displays a grid of black horizontal and vertical bars, both rendered as SVG rectangles. Two SVG masks, each containing a large star-shaped symbol from `d3.symbol`, selectively reveal or hide the bars in opposite patterns. The masks are created with `svg.call(renderMask, ...)`, using inverted fill colors to alternate which parts of the grid appear.

AI-generated description

We are implimenting sol leweitt work in this file in d3

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Full Fork of Fork of Sol lewitt reproduction in d3 after consolidation

This example reproduces a Sol LeWitt-style drawing using D3 v7 and SVG. It creates a grid of alternating horizontal and vertical black bars, each layer masked by geometric symbols (circles, squares, and other shapes) generated with the d3.symbol API. Two separate masks with inverted fill logic reveal different bar orientations. The code uses d3.select, d3.range, and mask elements to compose the final visual pattern.

Ssheldonv2.0@gmail.com
95% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction by D3 2

A D3.js reproduction of a Sol LeWitt drawing fills the browser viewport with a grid of horizontal and vertical bars layered on top of each other. Two SVG masks, each containing differently shaped symbols from `d3.symbol` and `symbols`, selectively reveal parts of the grid. The first mask applies a non-inverted pattern, while the second uses an inverted fill, creating a dynamic interplay between the geometric bars and symbol silhouettes. Rendered entirely with SVG elements and styled through CSS, the code uses `select`, `range`, and `join` to generate the repeating bars.

Aaaron.00366@gmail.com
91% match
Loading thumbnail…

Fork of Full Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece using D3 version 7. It displays a grid of horizontal and vertical lines overlaid with two masks, each containing a row of distinct geometric symbols. The horizontal lines are masked by one set of symbols, while the vertical lines are masked by an inverted set, creating a layered, intertwined visual effect. The code uses `d3.select`, `d3.range`, and `d3.symbol` to generate SVG shapes and `append('mask')` to apply the masking logic dynamically.

Aajoua
90% match
Loading thumbnail…

Fork of Full Sol LeWitt Reproduction with d3

This example reproduces a Sol LeWitt-style grid of black horizontal and vertical bars, using d3-selection, d3-range, and d3-symbol to generate rectangular stripes overlaid with circular and triangular mask shapes. The SVG rendering creates 100 vertical and 100 horizontal rectangles, each masked by a different pattern of d3 symbols, producing a layered geometric composition. The two masks alternate inverted fills to control which stripes remain visible, resulting in a dynamic interplay of line and shape across the full window.

Bbjfmbeck
90% match
Loading thumbnail…

Fork of Full Sol LeWitt reproduction with D3

A grid of alternating black and white horizontal and vertical bars forms a woven pattern, with a circular mask revealing a black star shape on one layer and a white star on the other. The visualization uses a D3 SVG rendering with two masked rectangle groups, each drawn from 100 equally spaced strips. The masks combine a full-screen rect with a `d3.symbol` path of type `symbols[1]`, translated to the center, to create the contrasting star overlays.

ZzolboBatsaikhan
90% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction by D3 2

This example reproduces a Sol LeWitt-style geometric drawing using D3 version 7.9.0. It creates a grid of overlapping horizontal and vertical rectangles, then applies two SVG masks to shape the composition: a star-shaped mask centered on the canvas and a circular mask with a black hole. The result shows a dense striped pattern with clear geometric cutouts. The code builds the SVG via `d3.select`, generates repeated elements with `range`, and applies masks using `url(#...)` references, with the star drawn via `d3.symbol` and `symbols`.

Aaaron.00366@gmail.com
90% match
Loading thumbnail…

Fork of Full Sol Lewitt whit D3 reduce code

This visualization reproduces a Sol LeWitt wall drawing as a grid of horizontal and vertical bars, intersected by a central circular symbol. It uses the D3 library (v7.8.5) to generate SVG masks that reveal or hide alternating bar orientations. The code defines two masks, one for each direction, applying a path built from D3’s `symbol` API to create the geometric cutout. The artwork is generated procedurally with `range`, `select`, and `append` calls, rendering abstract geometric forms without external data.

FFrancisco Ibelles
90% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Final with D3

This example reproduces a Sol LeWitt-inspired geometric artwork using D3.js and SVG rendering. It displays a grid of horizontal and vertical black bars that are partially revealed through two circular mask effects, creating intersecting line patterns across the full viewport. The visualization uses d3.select and data joins to generate 100 rectangle elements for each orientation, while SVG mask elements with circle shapes control which portions of the lines remain visible. The bars are positioned mathematically based on array indices, with the masks centered in the window to produce the layered optical effect.

Kkwambokar
90% match