Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction with D3

✓ Published0🌍 Public
SSinasirousnejad
Last edited Sep 11, 2023
Created on Sep 10, 2023

Two intersecting sets of thin rectangular bars—one horizontal, one vertical—form a dense grid across the full browser window. A large diamond-shaped mask cuts through the center, inverting the visibility of each set so that the pattern appears to swap between foreground and background. Built with D3 v6, the visualization uses `range`, `select`, and `join` to generate the bars, while custom SVG `mask` elements, created with `symbol` and `symbols`, apply the inverted diamond cutout. The result is a dynamic, screen-filling reinterpretation of a Sol LeWitt geometric piece.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization recreates a Sol LeWitt-inspired geometric composition using two overlapping grids of vertical and horizontal bars. The bars are partially revealed through circular masks, creating a cross-shaped aperture effect at the center of the canvas. The code uses D3 v7’s `select`, `range`, and `join` methods to generate SVG rectangles, with two `mask` elements defining the visible circular regions. The artwork spans the full browser window and renders entirely as SVG, with all positioning computed dynamically from `window.innerWidth` and `window.innerHeight`.

Lliu yang
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Final with D3

This example reproduces a Sol LeWitt-inspired geometric artwork using D3.js and SVG rendering. It displays a grid of horizontal and vertical black bars that are partially revealed through two circular mask effects, creating intersecting line patterns across the full viewport. The visualization uses d3.select and data joins to generate 100 rectangle elements for each orientation, while SVG mask elements with circle shapes control which portions of the lines remain visible. The bars are positioned mathematically based on array indices, with the masks centered in the window to produce the layered optical effect.

Kkwambokar
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example recreates a Sol LeWitt art piece using D3, generating a series of horizontal bars that are clipped by a circular mask. The visualization fills the entire browser window with alternating offset rectangles, creating a geometric pattern. The code uses D3's `select` and `range` functions to build SVG elements, though the mask and circle logic is present but commented out. The rendered output shows a grid of colored bands restricted to a central circular area.

Bbtlhgboy@icloud.com
91% match
Loading thumbnail…

Fork of Full Sol LeWitt Reproduction with D3

A tiled grid of horizontal and vertical bars forms a minimalist composition, overlaid with two masks that reveal and hide sections using d3 symbols as cutouts. The visualization uses D3 v6 with select, range, symbols, and symbol to generate SVG shapes, while mask elements with rect backgrounds and symbol paths create the interlocking positive and negative spaces. The code builds two masked layers to produce a Sol LeWitt-inspired geometric interplay, rendered at full screen with no interaction.

Ttriciascully
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt-style geometric composition, showing a grid of horizontal and vertical bars that intersect within a central circular boundary. The piece uses D3 v7 APIs including `select`, `range`, and `join` to generate 100 thin rectangles in each direction, sized to the full viewport. SVG masks (`circle-mask` and `rectangle-mask`) selectively reveal the horizontal lines within a 200-pixel-radius circle, while the vertical lines are inverted so only the outer area appears. The result highlights the interplay between line density and circular cropping, rendered entirely as static SVG elements.

MMofizur Rahman
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction D3

This visualization reproduces Sol LeWitt’s geometric art by rendering 100 horizontal bars of varying heights, arranged to form an abstract pattern. The bars are drawn as SVG rectangles, each with a fixed width and height, positioned vertically based on an index from `d3.range`. A circular `mask` clips the rectangles, creating a rounded composition. The code uses D3 v7’s `select` and `range` to bind data and join elements, with a minimal black-on-white aesthetic. The rendering is static, driven purely by the data values from the range, without interaction or animation.

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

Fork of Sol LeWitt Reproduction D3

This example reproduces Sol LeWitt’s geometric art using a grid of alternating horizontal and vertical bars. Two circular masks reveal and invert the pattern at the center, creating a cross-shaped visual contrast. The visualization is built with D3 v7, using `select`, `range`, and SVG `rect` elements. Each bar is assigned a mask ID via `attr('mask', ...)`, while the masks themselves are constructed with appended SVG `rect` and `circle` shapes.

Aalexscott-untitled
90% match