Skip to main content
SimilarExport ZIP
100%

Fork of D3 Version Sol LeWitt Reproduction

✓ Published1🌍 Public
EEdgar Cortez
Last edited Feb 8, 2023
Created on Feb 8, 2023

This block-like composition reproduces Sol LeWitt’s geometric art using D3 v3 and SVG rendering. It displays a grid of horizontal and vertical stripes that intersect, with circular masks revealing overlapping patterns: one mask exposes the vertical lines, another hides sections of the horizontal ones. The code uses `d3.select`, `d3.range`, and data joins to generate 100 rectangles in each direction, applying `mask` attributes to create the visual interplay. The artwork fills the browser window, adapting its dimensions to the viewport.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

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

Fork of Fork of D3 Version Sol LeWitt Reproduction

A generative reproduction of a Sol LeWitt wall drawing fills the browser viewport with two sets of intersecting, striped rectangles. The piece creates a contrast between dense, parallel bands and a central circular region where the pattern shifts orientation. Using D3 v6, the code appends an SVG and employs two mask definitions (`circle-mask`, `circle-mask2`) to selectively hide portions of the vertical and horizontal line groups. It renders 100 rects per group via `selectAll().data().join()`, with each rect sized to cover the full screen.

EEdgar Cortez
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece using D3.js version 6, rendering 100 horizontal and vertical striped rectangles that intersect within a circular mask. The visualization shows overlapping line patterns confined to a central circle, created with SVG masks that selectively reveal the grid-like composition. The code uses d3.select, d3.range, and data joins to generate the rect elements, while two SVG mask definitions control which portions of the stripes remain visible. The artwork fills the entire browser viewport with a black-on-white aesthetic.

Kkevingu12012001@gmail.com
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction in d3

This example reproduces a Sol LeWitt art piece using d3 to render horizontal and vertical striped rectangles within a circular mask, creating a geometric pattern that fills the browser window. The SVG output uses two masks—one circular and one inverted—to alternately reveal horizontal or vertical bands across the canvas. Built with d3.select and SVG attributes, the code generates 100 rect elements in each orientation, with the circular mask defined via mask elements and fill colors. The artwork dynamically adapts to the window’s width and height, reflecting LeWitt’s instructional-based aesthetic in a programmatic form.

Iinnocent thomas
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt art piece using D3.js, rendering 100 horizontal and 100 vertical striped rectangles in an SVG canvas. The artwork uses two circular mask patterns—one with a black background and white circle, another with inverted colors—to create intersecting circular cutouts where the lines cross. The code uses D3's `select`, `range`, and `join` APIs to efficiently generate and position the rect elements, with the masks applied via SVG `mask` attributes to achieve the geometric composition.

Jjctmercado
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt art piece using D3 v6, rendering 100 horizontal and 100 vertical rectangles as SVG elements. The rectangles are masked to reveal only a circular region at the center of the canvas, creating an overlapping grid pattern reminiscent of the original work. The code uses D3’s `select`, `range`, and `join` methods to bind data and generate the SVG shapes, with two `mask` definitions controlling the visibility of the crossing bars.

DDyor69
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt art piece using D3.js, displaying a grid of alternating horizontal and vertical striped lines across the full browser window. Two SVG masks reveal the grid through circular and geometric shapes, while the second mask incorporates D3 symbol shapes and checkerboard patterns within its design. The code uses D3 v7 APIs including `select`, `range`, `symbol`, and `symbols` to generate the SVG elements, with mask composition controling which portions of the line grid remain visible.

AAngie Va. Moreno
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt-style geometric composition using D3.js, rendering a grid of overlapping horizontal and vertical rectangles as SVG elements. The piece shows alternating stripes of black and white that intersect within two circular masks, creating a layered, op-art effect across the full browser viewport. The code uses d3.select, d3.range, and selection.join to generate 100 rectangles along each axis, with svg.append('mask') defining two circular regions that invert the fill colors. The rectangles are masked so that one circle reveals white-on-black stripes while the other shows black-on-white, producing a dynamic visual contrast.

FFerasMorsi
91% match