Skip to main content
SimilarExport ZIP
100%

Sol Lewitt vertical

✓ Published1🌍 Public
BBaptPoi
Last edited Aug 12, 2022
Created on Aug 11, 2022
Forked from Sol Lewitt

The visualization displays a grid of horizontal and vertical striped bars, layered to form a woven pattern that is revealed only within a central circular window against a dark background. Using D3.js selections and joins, it generates 100 horizontal rectangles and 100 vertical rectangles, each with a distinct mask. The first mask exposes the vertical stripes inside a white circle, while the second mask hides the horizontal stripes in the same area, creating a contrast between the masked and unmasked regions. The SVG rendering is fully responsive to the browser window size.

AI-generated description

Sol Lewitt pouet

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol Lewitt vertical

This example uses D3.js to render an SVG visualization inspired by Sol LeWitt’s geometric wall drawings. It creates a grid of alternating horizontal and vertical rectangles, where each set is restricted to a circular region using SVG masks with white and black fills. The first mask reveals a circle of horizontal bars, while the second exposes vertical bars around it, producing an interlocking checkerboard-like pattern. The code leverages d3.select, d3.range, and SVG mask and rect elements to generate the pattern.

AAnshul Rawat
88% match
Loading thumbnail…

Sol Lewit Reproduction Vertical

This example reproduces a Sol LeWitt-style drawing with vertical and horizontal striping. Thin vertical and horizontal rectangles are drawn across the full width and height of the viewport, each masked so only a central circular region reveals the intersecting grid pattern. The visualization uses D3 selections, data joins with `range()`, and SVG `mask` elements to layer two complementary color schemes. The code relies on D3 version 7.8.5 and renders entirely as an SVG graphic.

Aayo
88% match
Loading thumbnail…

Sol Lewitt Reproduction Vertical

A vertical grid of black rectangular bars covers the full viewport, while a circular mask reveals only the horizontal lines crossing it, recreating a Sol Lewitt wall drawing. The piece uses plain SVG elements, with a white circle on a black rect defining the mask and two loops of one hundred `<rect>` elements generating the stripes. The artwork dynamically fills the browser window, with vertical bars spanning full height and horizontal bars clipped by the circle mask to create the layered optical effect.

KKathleen Johnston
88% match
Loading thumbnail…

Sol Lewitt (D3)

Two overlapping grids of thin horizontal and vertical rectangles render on an SVG canvas, creating a crosshatched composition. Masking reveals the pattern only within two circular regions: one section shows horizontal lines, while the other displays vertical lines. Built with vanilla JavaScript and D3 v6, the code uses `select`, `range`, and `join` to generate 100 rectangles per axis, with SVG `mask` elements defining the circular cutouts.

WWaseem Medhat
87% match
Loading thumbnail…

Sol LeWitt SVG

This example reproduces a Sol LeWitt-style drawing using D3.js and SVG, displaying a grid of horizontal and vertical striped bars that are partially revealed through circular masks. Two mask layers alternate between clipping the horizontal and vertical rectangles, creating a layered composition where the bars intersect and disappear within the central circle. The code uses D3’s `select`, `range`, and data joins (`join('rect')`) to generate 100 rectangles in each direction, with masks defined via SVG `<mask>` elements and applied through `attr('mask', 'url(#circle-mask)')`. The visualization renders full-window, with dimensions derived from `window.innerWidth` and `window.innerHeight`.

VValentine Solonechnyi
87% match
Loading thumbnail…

Sol LeWitt vertical

A vertical grid of fine alternating strokes fills the screen, with a circular region in the center where the pattern's orientation flips from horizontal to vertical. The effect uses two SVG masks with reversed black-and-white circles to hide or reveal layers of rectangles. Written with D3 v7, it generates 100 horizontal and 100 vertical rect elements, each 10 pixels thick, and applies the masks via the `attr('mask', ...)` API. The full-viewport SVG is sized to the window, and no external data is used.

EEd Smale
87% match
Loading thumbnail…

Sol LeWitt with D3

This example generates a grid of 100 horizontal and vertical bars in SVG using D3’s `select`, `range`, and `join` methods. Two circular masks reveal overlapping patterns: the first shows horizontal bars inside a white circle, while the second inverts the effect for vertical bars. The rendering uses D3 selections to append rectangles and mask elements to the page, creating a Sol LeWitt-inspired geometric composition.

JJetlinZ
87% match
Loading thumbnail…

Sol Lewitt Reproduction with D3

This example reproduces a Sol LeWitt-inspired drawing using D3 to generate a grid of horizontal and vertical rectangles. It shows two sets of 100 thin bars, one stacked vertically and one horizontally, which intersect to form a fine lattice across the full browser window. The code uses SVG masks with `d3.select` and `range` to reveal a central 200-pixel-radius circle where one set of bars appears white on black, while the other appears black on white, creating a contrast inversion. The visualization is rendered with SVG elements created via `append` and `join` within the D3 v7 library.

GGullyPlook
86% match