Skip to main content
SimilarExport ZIP
100%

Fork of Full Sol LeWitt reproduction with D3

✓ Published1🌍 Public
ZzolboBatsaikhan
Last edited Aug 30, 2022
Created on Aug 30, 2022

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.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Full Sol LeWitt Reproduction with D3

A tiled grid of horizontal and vertical bars forms a minimalist composition, overlaid with two masks that reveal and hide sections using d3 symbols as cutouts. The visualization uses D3 v6 with select, range, symbols, and symbol to generate SVG shapes, while mask elements with rect backgrounds and symbol paths create the interlocking positive and negative spaces. The code builds two masked layers to produce a Sol LeWitt-inspired geometric interplay, rendered at full screen with no interaction.

Ttriciascully
90% match
Loading thumbnail…

Fork of Full Sol LeWitt Reproduction with D3

A visualization of a grid of thin horizontal and vertical lines reproduces a Sol LeWitt-style geometric composition. D3’s `select`, `range`, and `symbol` APIs generate 100 rectangular strips per axis, each masked by a star-shaped symbol (symbols[3]) with a large size. The SVG masks apply alternating inverted fills—one black star on white, the other white on black—to reveal the intersecting line patterns through the star’s cutout, rendered dynamically to the full browser viewport.

DDONAR144-release
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 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
90% match
Loading thumbnail…

Fork of Full Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt art piece using D3 v7, displaying 100 horizontal and vertical striped rectangles that overlap to create a grid pattern. Two SVG masks, each containing a large diamond symbol, selectively hide portions of the stripes, revealing the geometric interplay between the layers. The code uses `d3.select`, `d3.range`, and `d3.symbol` to generate the shapes, with masks defined via SVG `<mask>` elements and rendered as a static SVG scene.

Gguts
90% match
Loading thumbnail…

Full Fork of Fork of Sol LeWitt Reproduction with D3

A grid of horizontal and vertical striped rectangles is revealed through two overlapping masks, creating a dynamic composition where the stripes intersect and fade. The visualization uses D3 v7's `select`, `range`, and `join` to generate 100 rows and columns of semi-transparent rectangles. Two SVG masks, each containing a large circle symbol from `d3.symbol`, invert their fill to selectively hide and show portions of the stripe layers, producing a lens-like effect. The rendering is entirely SVG-based, with masks applied via `.attr('mask', ...)`.

Ppawelsapiecha
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt art piece using D3 to create a grid of horizontal and vertical stripes that alternate based on masks containing overlapping symbol shapes. Two sets of rectangular bands are drawn, each masked by a pattern of symbols (using `d3.symbol` and `d3.symbols`) arranged across the width via `d3.scaleBand`, with inverted black-and-white fills. The SVG rendering uses `select`, `range`, and `join` to generate 120 stripes per dimension, with masks (`<mask>`) controlling which areas of the two layers remain visible. The result is a geometric interplay of lines and icons derived from LeWitt’s conceptual style.

Jjsoudeer
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

A fork of a Sol LeWitt reproduction built with D3 v3. The visualization layers two sets of alternating horizontal and vertical black-and-white bands, masked by repeating patterns of D3 symbol shapes. Using `d3.select`, `d3.range`, and `d3.scaleBand`, it generates 120 thin rectangles across the full window, each masked via `d3.mask`-like SVG masks. The `d3.symbol` API draws star-like glyphs at mask centers, with inverted symbol colors between the two mask layers to create intersecting geometric moiré patterns.

JJasper Alblas
89% match