Skip to main content
SimilarExport ZIP
100%

full Sole wit reproduction with D32 multiple symbol

✓ Published1🌍 Public
CChawin Sungwalngern
Last edited Dec 20, 2022
Created on Dec 20, 2022

This visualization reproduces Sol LeWitt’s Wall Drawing #370 using two overlapping sets of horizontal and vertical bands, each masked by a large geometric symbol. The first mask creates vertical stripes from 100 horizontal rectangles, while the second, inverted mask shapes horizontal stripes from vertical rectangles. Built with D3.js, it uses `select`, `range`, `symbol`, and `symbols` to generate the complex mask paths, and renders entirely as SVG, with dimensions matching the browser window.

AI-generated description

A reproduction of sole Wit art [Sole Wit art (https://www.metmuseum.org/blogs/metkids/2017/sol-lewitt-wall-drawing-370).

MIT Licensed

Similar vizzes

Loading thumbnail…

full Sole wit reproduction with D32 multiple symbol not stack

This example recreates Sol LeWitt’s Wall Drawing 370 using D3’s `symbol` and `symbols` APIs to generate the artist’s signature geometric forms. Two masks—one inverted—are created from these symbols, then applied to alternating horizontal and vertical striped rectangles across the full screen. The code uses D3 selections, `range`, `join`, and SVG `mask` elements to layer 100 stripes in each direction, producing a precise, full-window reproduction of the original artwork’s pattern.

CChawin Sungwalngern
94% match
Loading thumbnail…

full Sole wit reproduction with D32

This example reproduces Sol LeWitt’s wall drawing using a generative approach. It displays two sets of thin, horizontal and vertical stripes across the full canvas, each filtered by a circular mask to form a central geometric pattern. The implementation relies on the D3.js library, using `d3.select`, `d3.range`, and `d3.symbol` to create SVG shapes and masks. The masks, defined as `mask_1` and `mask_2`, alternately invert the visibility of the stripes, producing the overlapping effect. The render is driven by the D3 version 7.7.0 API and output as SVG.

CChawin Sungwalngern
92% match
Loading thumbnail…

full Sole wit reproduction with D3

This example reproduces Sol LeWitt’s Wall Drawing 370 using D3.js and SVG. It draws a grid of 100 horizontal and 100 vertical thin rectangles that span the full width and height of the browser window. Two SVG masks—one featuring a large circular cutout and another with a smaller black circle on a white background—are applied to the respective rectangle groups, creating an overlapping circular reveal in the center. The code uses D3’s `select`, `range`, `symbol`, and `symbols` APIs to generate the shapes and manage data binding.

CChawin Sungwalngern
91% match
Loading thumbnail…

Full Sol LeWitt reproduction with D3

This visualization reproduces Sol LeWitt’s Wall Drawing #370 by creating a grid of horizontal and vertical lines whose visibility is altered by two distinct mask patterns. The first mask reveals a row of filled symbols—circles, crosses, and other shapes—while the second, inverted mask hides them, producing a complementary effect across the canvas. The code uses D3 v7 selections, `range()`, `symbols`, and `symbol()` to generate the vector shapes, and SVG `mask` elements to layer the line patterns. The rendering is fully SVG-based, with the artwork sized dynamically to the browser window.

LLouis Astorg
88% match
Loading thumbnail…

Full Sol LeWitt Reproduction D3 v2

A full-screen D3 visualization reproduces Sol LeWitt’s wall drawing using 48 horizontal and 48 vertical striped rectangles. Two SVG masks, created with `d3.symbol` and the `symbols[0]` diamond path, define circular cutouts that invert the stripe pattern. The code uses D3 v7’s `select`, `range`, and `join` to generate elements, with the second mask rendered in opposite fill colors to create a contrasting central motif. Rendering is purely SVG-based without animation.

Ttverdone
87% match
Loading thumbnail…

Full Sol LeWitt Reproduction D3

This example reproduces a Sol LeWitt wall drawing using D3 to render a dense grid of horizontal and vertical stripes as SVG rectangles. Two SVG masks, each containing a large circular symbol from `d3.symbol`, cut the stripes to create a bold interlocking pattern across the full browser window. The code relies on D3 selections, `range` for generating stripe positions, and the `symbol` API, with the visualization sized to the viewport dimensions.

Ttverdone
87% match
Loading thumbnail…

Full Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt wall drawing using D3.js, rendering 100 horizontal and 100 vertical stripes across the full browser window. It uses SVG masks to create alternating circular cutouts: the first mask (mask-1) reveals the grid in white with a black circle, while the second (mask-2) inverts the effect. The code employs D3’s `select`, `range`, `symbol`, and `symbols` APIs to generate the geometric composition. The final output is a generative pattern where the intersection of stripes and circular voids produces the artwork’s characteristic visual rhythm.

CCurran Kelleher
87% match
Loading thumbnail…

Full Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt wall drawing using D3.js, rendering a grid of horizontal and vertical lines that intersect to form a subtle pattern across the full browser viewport. The piece relies on two SVG masks—one circular and one rectangular—to selectively reveal or hide portions of the line arrays. Specifically, a path generated via `symbol(symbols[1],100000)` creates a large circular mask over the vertical lines, while a black circle mask obscures the horizontal lines in a contrasting region. The code uses D3’s `select`, `range`, and `join` APIs to efficiently append hundreds of SVG rect elements, with all rendering performed client-side in SVG format.

Gguts
86% match