Ex4

Sol LeWitt exercise

This visualization generates a grid of horizontal and vertical rectangles on an SVG canvas, creating a woven pattern inspired by Sol LeWitt’s geometric art. Two masks, each containing a large D3 symbol shape, invert the fill of the intersecting lines to reveal the glyphs as negative space. The code uses D3 selections and data joins to render 100 rows and columns, with mask IDs applied via the `attr` method and custom mask rendering logic. The result is a dynamic interplay of line and form, driven entirely by D3’s `range`, `symbol`, and `symbols` APIs.

CC-Marfil

hopefully close to original Full Sol LeWitt reproduction with D3

The visualization reproduces a Sol LeWitt art piece using D3.js, rendering a grid of horizontal and vertical bands that alternate in visibility. Two SVG `<mask>` elements, created via a reusable `renderMask` function, selectively hide or reveal these stripes using symbol shapes—drawn with `d3.symbol` and `d3.symbols`—as the mask pattern. One mask uses inverted fills relative to the other, producing a contrasting interplay of lines and geometric shapes across the viewport. The artwork is generated entirely from code, with no external data source.

ZzolboBatsaikhan

Full Sol LeWitt Reproduction with D3

This visualization reproduces a full Sol LeWitt art piece using D3, displaying a grid of horizontal and vertical stripes that are selectively masked by geometric symbols. The artwork shows alternating bands of lines, with the vertical stripes masked by filled shapes and the horizontal stripes partially obscured. The code uses D3’s `select`, `range`, and `symbols` APIs to generate SVG rectangles and mask paths, rendering 100 lines in each direction across the full browser window. Two separate masks apply contrasting white and black fills to create the overlapping pattern effect.

PPareel Amre

Full Sol LeWitt Reproduction with Background

A full-screen grid of alternating horizontal and vertical stripes is overlaid with masks that punch out repeating geometric symbols, creating a dynamic, woven composition. The example uses D3.js methods including `select`, `range`, and `symbol` to generate and position SVG elements. Two masks apply contrasting patterns: one uses white and black rectangular bands with D3 symbols to reveal the horizontal stripes, while the other applies the inverse logic to the vertical stripes. The result is a layered, shifting optical effect driven entirely by SVG masking and D3’s data-join.

Mmaciekawsq@gmail.com

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by generating a grid of horizontal and vertical stripes that are partially revealed through two circular masks. The horizontal stripes are masked by a circle with a white fill on a black background, while the vertical stripes use the inverse mask, creating a cross-like interplay of lines within the circular region. Built with D3 v6, the code uses `selectAll` and `join` to create 100 rectangles in each direction, with `range(n)` providing the data. The SVG masks, defined via `mask` and `circle` elements, control which parts of the stripes are visible.

Jjv

Sol LeWitt Reproduction more shapes with D3

This visualization reproduces a Sol LeWitt-style geometric composition using overlapping striped rectangles and mask-based shapes. A grid of horizontal and vertical bars is drawn with D3’s `select` and `range` methods, while two SVG masks create contrasting circular cutouts—one inverted—by combining black and white fills with a `symbol` path from the `symbols` array. The masks alternate the visibility of the stripes, producing an optical interaction of positive and negative space. The piece uses fixed window dimensions and renders entirely with SVG, mirroring the minimal aesthetic of the original artwork.

YYingkai Song

Full Sol LeWitt Reproduction with D3

This interactive SVG reproduction of a Sol LeWitt piece uses D3 to generate a grid of horizontal and vertical stripes. The code defines two masks that selectively reveal or hide the stripes based on a series of symbol-shaped paths, creating a dynamic and layered geometric composition. The program uses D3's `select`, `range`, `symbol`, and `symbols` functions to build the SVG elements and masks, with the rendering adapting to the window size. The artwork's behavior is driven entirely by the mask transformations and symbol generation.

Rrwata97

Sol LeWitt Reproduction with D3 Exercise

This visualization reproduces a Sol LeWITT-style geometric composition using overlapping horizontal and vertical line grids. Four mask layers alternate line orientations and symbol shapes—including circles, diamonds, crosses, and triangles—to create a rhythmic interplay of foreground and background elements. The code uses D3 selections, `range`, `symbol`, and `symbols` APIs to generate SVG rectangles and paths, with masks defined via `renderMask` to invert or combine patterns across the full viewport.

Kkathrynrbernard