Skip to main content
SimilarExport ZIP
100%

Fork of Full Sol LeWitt Reproduction with D3

✓ Published0🌍 Public
Ttriciascully
Last edited Mar 21, 2023
Created on Mar 21, 2023

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.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

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

Fork of Full Sol LeWitt Reproduction with d3

This example reproduces a Sol LeWitt-style grid of black horizontal and vertical bars, using d3-selection, d3-range, and d3-symbol to generate rectangular stripes overlaid with circular and triangular mask shapes. The SVG rendering creates 100 vertical and 100 horizontal rectangles, each masked by a different pattern of d3 symbols, producing a layered geometric composition. The two masks alternate inverted fills to control which stripes remain visible, resulting in a dynamic interplay of line and shape across the full window.

Bbjfmbeck
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 Fork of Full Sol LeWitt Reproduction with D3

This visualization recreates a Sol LeWitt–style grid of horizontal and vertical lines, overlaid with two masks that reveal symbolic shapes in contrasting areas. The example uses D3 v6 to generate 100 rectangular strips in each direction, then applies SVG masks via `d3.select` and `append('mask')`. Each mask uses D3 symbol generators (`d3.symbol` and `d3.symbols`) to draw numbered geometric icons—circles, crosses, diamonds, and squares—in black or white, creating a layered optical effect. The code directly manipulates SVG elements and relies on the `range`, `join`, and `attr` APIs to build the repeating structure.

AAlpineStranger
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

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.

SSinasirousnejad
91% 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 Full Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt-inspired geometric composition using D3 to generate overlapping striped rectangles and symbol-based masks. The visualization shows a grid of horizontal and vertical bars filtered through two inverted mask layers, each containing a row of D3’s built-in symbol shapes (circles, crosses, diamonds, squares, stars, triangles, and wye). The code uses `d3.select`, `d3.range`, `d3.symbol`, and `d3.symbols` to construct SVG elements dynamically, rendering directly into the browser window with no external data source.

Ccardoza-IPH
91% match
Loading thumbnail…

Fork of Full Sol LeWitt Reproduction Final with D3

This example reproduces a Sol LeWitt-inspired geometric composition using D3.js, rendering a grid of thin horizontal and vertical rectangles on an SVG canvas. Two masks—one with a white background and black diamond shape, the other inverted—overlay the grid, so the lines are partially visible through the cutout areas. The code uses d3.select, d3.range, and d3.symbol to generate the shapes and apply the mask effects. The final artwork is static, with masks and grid lines defined programmatically at full window dimensions.

Kkwambokar
91% match