Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction with D3

✓ Published0🌍 Public
Xxscotta@yahoo.com
Last edited Jul 20, 2024
Created on Jul 20, 2024

This fork of a Sol LeWitt reproduction uses D3.js to generate an abstract geometric composition. The visualization displays a grid of alternating horizontal and vertical bars that overlap to create a dynamic pattern across the full browser window. It builds two layered sets of rectangles, each masked with a pattern derived from D3’s `symbol` API—one mask uses the standard symbol set, the other an inverted version. The `scaleBand` function positions the masks, while `select` and `join` manage SVG elements. The result mirrors LeWitt’s minimal, rule-based aesthetic using interactive vector graphics.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt geometric art piece using D3.js. It renders a grid of alternating horizontal and vertical black and white bands, with circular symbols and masks creating a complex, overlapping pattern. The visualization uses D3’s `scaleBand`, `range`, `symbols`, and `symbol` APIs, along with SVG masks and `<rect>` elements, to generate the composition dynamically. The code adapts to the browser window size and relies on D3’s `select` and `append` for DOM manipulation.

HHi I am Adil
94% 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
94% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example generates an abstract visual composition inspired by Sol LeWitt, using D3 to create a grid of alternating horizontal and vertical bands. Two SVG masks, built with `d3.symbol` and `scaleBand`, modulate the bands with geometric symbol shapes. The code applies `select`, `range`, and `symbol` from D3 v6 to render the patterns, with the rendering handled entirely in SVG. The design reproduces the algorithmic, rule-based aesthetics of LeWitt’s wall drawings through code-driven geometry.

Bbeyzadoganay
94% match
Loading thumbnail…

Fork of Full Sol LeWitt Reproduction with D3

A fork of a Sol LeWitt reproduction uses D3 to render intersecting horizontal and vertical line bands, each filtered by a mask that reveals a row of geometric symbols. The code generates 100 rectangles per axis, spaced at 20-pixel intervals, and applies separate masks created with D3’s `symbol` and `symbols` API. The SVG output relies on D3 selections, `range`, and mask definitions to alternate inverted fills, producing an abstract, generative pattern across the full viewport.

Ddalia.miliauskaite@me.com
94% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example generates an abstract geometric composition inspired by Sol LeWitt, using D3 v6 to create intersecting striped rectangles with dynamic masking. The visualization alternates horizontal and vertical bands of thin lines, with masks that switch between filled and hollow symbol shapes—including circles, diamonds, and crosses—at regular intervals. Rendering in SVG, the code uses `d3.select`, `d3.range`, `d3.scaleBand`, and `d3.symbol` to position 120 strips across the viewport and apply patterned cutouts, producing a rhythmic interplay of line, shape, and negative space.

Mmkarnam.mahendra@gmail.com
94% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

A fork of a Sol LeWitt reproduction uses D3 v3 to generate an SVG grid of horizontal and vertical rectangles. Two D3 masks, created via the `symbol` and `symbols` APIs, are applied to the grid’s layers, with one mask inverted to reveal the artwork’s pattern. The code sets the drawing to the full browser window size and renders 100 rows and columns of thin strips. The piece is implemented with `select`, `range`, and `join` to build the SVG elements dynamically.

Ggianlucaguerra
93% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt art piece using D3 to generate geometric patterns of horizontal and vertical bands. It employs `d3.select`, `d3.range`, `d3.scaleBand`, and `d3.symbol` to create SVG rectangles and symbols within two masks, alternating their fills to produce an interlocking striped composition. The code uses an SVG renderer with `window.innerWidth` and `window.innerHeight` for full-screen display. While mask creation functions are defined for both layers, only the initial band structures are rendered in the current setup.

Aaalyousfi
93% 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
93% match