Skip to main content
SimilarExport ZIP
100%

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

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

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.

AI-generated description

We are implimenting sol leweitt work in this file in d3

MIT Licensed

Similar vizzes

Loading thumbnail…

Full Fork of Fork of Sol lewitt reproduction in D3

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.

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

Fork of Sol lewitt reproduction in D3 till class

This fork of a Sol LeWitt reproduction generates an abstract geometric artwork using D3 v7 in an SVG. It alternates black horizontal and vertical stripes across the full screen, with each set displayed through a circular mask. Two masks created with `svg.append('mask')` and filled using `rect` and `circle` elements control visibility, producing intersecting bands of lines within a central circle. The code employs `d3.range`, `selectAll().data().join()`, and attribute setters like `.attr('mask', 'url(#circle-mask)')` to render the pattern algorithmically.

Ssheldonv2.0@gmail.com
92% 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
92% match
Loading thumbnail…

Fork of Fork of full Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt-inspired geometric composition using D3 v7 with SVG rendering, layering horizontal and vertical striped rectangles over masked symbol shapes. The code generates 50 horizontal and vertical bars positioned incrementally, then applies two masks—one containing a row of D3 symbols (circles, crosses, diamonds, etc.) and another with a large central triangle. The masks alternate inverted fills, creating intersecting cutout effects where the stripes show through the symbol shapes. The visualization updates dynamically to the browser window dimensions, demonstrating D3’s `range`, `symbol`, and `join` methods for procedural art.

Rroyable88
92% match
Loading thumbnail…

Fork of Full Fork of Sol LeWitt with SHAPES Reproduction with D3

This example reproduces a Sol LeWitt-inspired geometric composition using D3.js with SVG rendering. It displays a grid of horizontal and vertical lines that are partially masked by two overlapping shapes, creating a layered visual effect. The code uses `select`, `range`, and `join` to generate the line elements, while `symbol` and `symbols[1]` define a star-shaped mask. A second circular mask further modifies the visibility of the lines, producing an intricate interplay between the drawn paths and the masked regions.

PPedram
91% 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-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
91% match
Loading thumbnail…

Fork of Fork of Full Sol LeWitt reproduction with D3

This example reproduces a Sol LeWitt art piece using D3 v7 and SVG. It generates two sets of striped rectangles—horizontal and vertical—layered over each other. The code applies two complementary SVG masks, each containing a row of D3 symbol shapes, to selectively reveal or hide parts of the grid. The masks are created programmatically with the `renderMask` function, which uses `d3.range`, `d3.symbol`, and `d3.symbols` to position the mask shapes across the canvas. The final result creates an intricate, textured interplay between the geometric lines and the symbol cutouts.

ZzolboBatsaikhan
91% match