Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction with D3

✓ Published0🌍 Public
PPablo Machado
Last edited May 6, 2024
Created on May 6, 2024

This piece recreates Sol LeWitt’s geometric wall drawing using intersecting sets of thin black and white bands. Two layers of horizontal and vertical stripes alternate polarity and are clipped by circular masks containing the artist’s symbol set. Built with D3 version 6, it uses `select`, `range`, `symbol`, and `scaleBand` to generate the SVG elements and masks, while the `index.html` sets a full-window canvas with hidden overflow. The code randomly distributes the symbols across the masks, producing a dynamic, combinatorial pattern.

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 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
94% 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
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

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.

Xxscotta@yahoo.com
93% 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
93% match
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
93% 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
93% 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
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece as an interactive SVG graphic. It generates a grid of 120 horizontal and vertical bands, each with a repeating pattern that shifts based on a mask. The code builds two alternating bands of white and black, then uses two masks, each applying a different pattern rotation. Using the D3 library, it leverages `select`, `range`, `symbol`, `symbols`, and `scaleBand` to construct the visual, with `symbol(d, size)()` generating the shape paths. The rendering is fully in SVG, defined entirely in `index.js` with `window.innerWidth` and `window.innerHeight` for dimensions and a `padding` constant.

JJaga-droid
92% match