Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction in d3 - multi pane

✓ Published1🌍 Public
Gg1g10
Last edited Aug 12, 2022
Created on Aug 11, 2022

This visualization reproduces a Sol LeWITT-style geometric composition using overlapping black grid lines. Horizontal and vertical stripes are drawn across the full screen, with two masks applied to reveal a diamond shape at the center. The inner mask cuts out the diamond from the horizontal lines, while the outer mask obscures the vertical lines outside that shape. Built with d3-selection, d3-range, and d3-symbol, the SVG rendering uses 100 rects per axis and a centered path symbol to define the mask regions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction in d3 - multi pane01

This example reproduces a Sol LeWitt wall drawing using overlapping black stripes and masked geometric symbols. Two sets of thin rectangles are drawn, one horizontal and one vertical, with each set clipped by a distinct SVG mask. The masks are built from large star-shaped paths generated with the d3 `symbol` API, and the entire composition is rendered as SVG. The code uses d3’s `select`, `range`, and `join` methods to construct the elements and applies the masks via `attr('mask', ...)`.

Gg1g10
93% match
Loading thumbnail…

Sol LeWitt Reproduction in d3 - multi pane01 -exercise

This example reproduces a Sol LeWitt wall drawing as a generative grid of black horizontal and vertical stripes, whose visibility is controlled by mask layers. The SVG rendering uses custom d3 selections and joins to create bands of `rect` elements, while d3’s `symbol` and `symbols` APIs generate the paths used inside the masks. Two mask definitions, created with `renderMask`, alternate filled and empty regions based on symbol parity, producing an interlocking pattern of geometric shapes across the canvas. The composition adapts to the full browser window size.

Gg1g10
92% match
Loading thumbnail…

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

Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece using D3.js, generating a grid of thin horizontal and vertical rectangles that overlap across the full browser window. The composition uses SVG masks to create alternating visibility: one mask reveals a central diamond shape against a black background, while the other inverts the pattern with a white background. The code leverages D3’s `select`, `range`, and `join` to append rectangles, and `symbol` with `symbols` to define the diamond mask paths. Rendering is SVG-based, with masks applied via the `mask` element.

Jjajinkya
90% match
Loading thumbnail…

Sol LeWitt Reproduction in D3

This example recreates a Sol LeWitt-inspired geometric composition using D3.js. It renders a grid of horizontal and vertical SVG rectangles across the full window, with each set masked to reveal intersecting circular cutouts at the center. The visualization relies on d3.select, d3.range, and SVG mask elements to layer two sets of stripes, alternating black and white fills within the circles. The result is a clean, minimal pattern that mimics the artist’s systematic approach to drawing, with no data input beyond the generated grid dimensions.

Mmaciekawsq@gmail.com
90% match
Loading thumbnail…

Full Sol LeWitt Reproduction with D3 - Part II

This visualization reproduces a Sol LeWitt art piece as a grid of horizontal and vertical lines, with both sets of lines partially masked by a central diamond shape. The code uses D3 v6 to append SVG rectangles in a loop, creating the line structure across the full browser window. Two SVG masks, rendered via `d3.symbol` with the diamond symbol type, selectively reveal or hide portions of the lines, producing the characteristic overlapping geometric pattern. The rendering is entirely SVG-based, with dimensions set to the window size.

WWolfgang
90% match
Loading thumbnail…

Sol LeWitt Reproduction D3

This D3.js reproduction of a Sol LeWitt art piece uses two sets of alternating horizontal and vertical grid lines made of thin rectangles, each set partially hidden by a circular mask. The first mask reveals a white circle on a black background, while the second shows the inverse, creating a visual interplay between the two line orientations. Built with the d3 `select`, `range`, and `symbols` APIs, the SVG rendering fills the entire browser window and uses 100 lines in each direction. The piece references LeWitt’s geometric wall drawings, translating his grid-based concept into dynamic, screen-filling linework.

AAndrey Matukhno
90% match
Loading thumbnail…

full Sol LeWitt Reproduction with D3

This example shows a full-screen abstract geometric composition inspired by Sol LeWitt, built with D3 v7 and rendered as SVG. Two sets of overlapping horizontal and vertical striped rects create a grid, while a diamond-shaped mask and a circular mask reveal different sections of the pattern. The code uses `d3.select`, `d3.range`, `d3.symbol` with a square symbol, and `.join()` to generate the shapes. The masks are constructed with `svg.append('mask')`, combining black and white rects and paths to control visibility.

Rroyable88
89% match