Skip to main content
SimilarExport ZIP
100%

Fork of Sol lewitt reproduction in D3

✓ Published1🌍 Public
Rraturi22@gmail.com
Last edited Aug 7, 2025
Created on Aug 7, 2025

A full-screen grid of horizontal and vertical stripes is drawn over a gray background, with circular masks applied to both sets of stripes to reveal a cross-shaped intersection. The artwork is generated procedurally using D3’s `select` and `append` APIs to build SVG elements, and `range` to create 100 rows and columns of rectangles. Two masks are defined—one with a black rectangle and white circle for the horizontal stripes, and another with reversed fills for the vertical stripes—so the overlapping circles form a checkerboard-like overlay. The piece highlights D3’s declarative chaining for SVG construction and masking.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol lewitt reproduction in D3 till class

This fork of a Sol LeWitt reproduction generates an abstract geometric artwork using D3 v7 in an SVG. It alternates black horizontal and vertical stripes across the full screen, with each set displayed through a circular mask. Two masks created with `svg.append('mask')` and filled using `rect` and `circle` elements control visibility, producing intersecting bands of lines within a central circle. The code employs `d3.range`, `selectAll().data().join()`, and attribute setters like `.attr('mask', 'url(#circle-mask)')` to render the pattern algorithmically.

Ssheldonv2.0@gmail.com
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

A fork of a Sol LeWitt reproduction, this piece generates a field of 100 horizontal and 100 vertical rectangles in D3 v3. The code uses `d3.select`, `d3.range`, and SVG `mask` elements to layer the stripes. Two circular masks, one with a black background and white circle, the other with inverted colors, clip the grids to reveal intersecting patterns. The result is a dynamic geometric composition rendered at full screen size.

Bbtlhgboy@icloud.com
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt art piece using D3.js, drawing 100 horizontal and vertical striped rectangles across the full viewport. The code applies two SVG masks—a circle-mask and a circle-mask-2—to show the grid pattern only within circular regions at the center of the canvas, while the outer areas remain blank. Built with D3’s `select`, `range`, and chained `join('rect')` operations, it renders with SVG and uses the `append('mask')` method to create the overlapping circular reveals.

Sshayan yadegaridehkordi
91% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction with D3

Inside a circular lens, Sol LeWitt's intersecting horizontal and vertical line grids are recreated using D3 v7 selections and data joins. The example uses two SVG masks, each with a white circle on a black rectangle, to reveal the striated patterns over a full-screen canvas. By generating 100 rects per axis from `d3.range`, the code alternates mask fill colors to create a crosshatched, optical illusion of depth and layering.

Rraturi22@gmail.com
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

A grid of 100 horizontal and 100 vertical striped rectangles is clipped by two inverted circular masks, revealing a crosshatched pattern within a central circle against a solid background. Built with D3 v6, the example uses `select`, `range`, and `join` to generate `<rect>` elements in SVG. Two masks—one with a black background and white circle, the other inverted—apply opposite clipping to the line groups, creating the visual effect.

NNatalia BM
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt art piece using D3 v6, displaying a grid of overlapping horizontal and vertical stripes that form a circular pattern through SVG masks. The code uses `d3.select`, `d3.range`, and `join` operations to render 100 rect elements in each direction, with the stripes visible only through two circular mask regions. The first mask reveals alternating bands inside a white circle, while the second creates an inverse effect, producing a geometric interplay of lines. The rendering approach combines D3's data-join with native SVG mask and circle elements to achieve the Op-art style composition.

CCurran Kelleher
90% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt-inspired geometric composition using D3.js in an SVG renderer. It draws a grid of horizontal and vertical rectangles, with two masks applying contrasting cutout shapes—a star symbol in the first mask and a circle in the second—to create layered overlapping patterns. The code uses D3’s `select`, `range`, and `symbol` APIs to generate the marks and mask paths, with the star rendered via `d3.symbol` at a scaled size. The result is a clean, abstract interplay of striped forms and negative space, built entirely with SVG elements.

Rrautprashant849@gmail.com
90% match
Loading thumbnail…

Fork of Full Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt art piece using D3 v7, displaying 100 horizontal and vertical striped rectangles that overlap to create a grid pattern. Two SVG masks, each containing a large diamond symbol, selectively hide portions of the stripes, revealing the geometric interplay between the layers. The code uses `d3.select`, `d3.range`, and `d3.symbol` to generate the shapes, with masks defined via SVG `<mask>` elements and rendered as a static SVG scene.

Gguts
90% match