100%

epi 4 full sol_lewit_repro with D3

✓ Published1🌍 Public

Last edited May 17, 2023

Created on May 16, 2023

Forked from full sol_lewit_repro with D3

Two layered grids of horizontal and vertical black stripes cover the full browser window, creating a dense crosshatch pattern. A large diamond-shaped cutout is visible in the center, formed by two inverted SVG masks that reveal the pattern beneath. The piece uses D3 selections and data joins to render 100 rectangles per direction, while the `symbol` API generates the diamond path used in each mask. This is a programmatic reproduction of Sol LeWitt’s geometric wall drawing style, rendered as dynamic SVG.

AI-generated description

sol lewitt

link to sol lewitt

this uses d3 and is forked from the soll lewit repro

MIT Licensed

Similar vizzes

Loading thumbnail…

full sol_lewit_repro with D3

This work visualizes a Sol LeWitt-inspired wall drawing using cyan horizontal and magenta vertical stripes, both shaped by circular masks to create a central circular reveal. The piece renders as a full-window SVG using the D3.js library, leveraging D3's `select`, `range`, and `join` APIs to generate 100 stripe rectangles per direction. Two SVG masks define the overlapping black-and-white circle patterns that reveal the stripes within a circular aperture, with the horizontal and vertical bands intersecting at right angles.

Ppoppy

87% match

Loading thumbnail…

Full of Sol LeWitt Reproduction with D3

This example renders a generative grid of thin horizontal and vertical rectangles that form a woven, screen-like texture across the full browser window. A large diamond-shaped hole and a circular cutout are created using two SVG masks, revealing the underlying white background. The piece reproduces a Sol LeWitt wall drawing using D3’s selection and data-join methods, along with `symbol`, `symbols`, and `range` to define the geometry. The layout responds dynamically to the viewport’s dimensions, and the composition relies on alternating white and default black fills for contrast.

IIgorGorin00

87% match

Loading thumbnail…

sol lewit reproduction

The visualization reproduces Sol LeWitt's geometric wall drawing style using horizontal and vertical striped rectangles layered and masked into circular and diamond-shaped forms. Built with D3 v7, it uses `select`, `range`, `join`, and `symbol` to generate SVG elements dynamically, with two masks (`#mask` and `#mask-2`) controlling visibility of the overlapping bands. The artwork renders at four times the window width, with dimensions derived from `window.innerWidth` and `window.innerHeight`, producing a large-scale, pattern-based composition.

KKerim

86% 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

86% match

Loading thumbnail…

Full Sol LeWitt Reproduction Final with D3

This visualization reproduces a Sol LeWitt wall drawing using D3.js to render a grid of thin horizontal and vertical lines across the full browser window. The piece uses SVG masks to create two contrasting geometric cutouts: a large white diamond-shaped symbol in the center and a black circular hole, revealing the line patterns beneath. The code employs d3.select, d3.range, and d3.symbol to generate the composition, with the mask elements dynamically positioned based on the viewport dimensions. The artwork is drawn entirely with SVG rectangles arranged by D3’s data join.

Kkwambokar

86% match

Loading thumbnail…

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

86% 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

85% 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

85% match