Skip to main content
SimilarExport ZIP
100%

Fork of Full Sol LeWitt Reproduction with D3

✓ Published1🌍 Public
Lliu yang
Last edited Nov 11, 2023
Created on Nov 11, 2023

A fork of the Sol LeWitt wall drawing reproduction renders a grid of horizontal and vertical stripes, each masked by a circular form, on an SVG canvas that fills the browser window. The piece uses the D3.js API, specifically `select`, `range`, and the `join` method, to generate the stripes, while masks are created with `symbol` and `symbols` to imprint the circle. The result is a geometric interplay of lines and negative space, driven entirely by D3's declarative data-binding and SVG rendering.

AI-generated description

Sol LeWitt Reproduction

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Full Sol LeWitt Reproduction with D3

This visualization recreates a Sol LeWitt wall drawing using an SVG canvas. It layers two sets of perpendicular, striped rectangles, each masked to reveal the artwork through repeating geometric symbols. The code uses D3 v7 methods like `select`, `range`, `join`, and `symbol` to generate the marks. Two SVG masks are applied with inverted fills, producing a crosshatched pattern where the symbols appear as cutouts.

Lliu yang
95% match
Loading thumbnail…

Fork of Full Sol LeWitt Reproduction with D3

This example generates a full-screen grid of thin horizontal and vertical stripes, using SVG masks to create a circular cutout at the center revealing a solid white disk. The stripes are rendered as individual SVG `rect` elements within two groups, with each group masked by a radial shape. The code uses the D3.js library’s `select`, `range`, and `symbol` functions, along with symbol paths to produce the mask geometry. The layout is derived from the browser’s viewport dimensions, making the visualization responsive to the window size.

Lliu yang
94% match
Loading thumbnail…

Fork of Full Sol LeWitt Reproduction with D3

A fork of a Sol LeWitt reproduction uses D3 to render intersecting horizontal and vertical line bands, each filtered by a mask that reveals a row of geometric symbols. The code generates 100 rectangles per axis, spaced at 20-pixel intervals, and applies separate masks created with D3’s `symbol` and `symbols` API. The SVG output relies on D3 selections, `range`, and mask definitions to alternate inverted fills, producing an abstract, generative pattern across the full viewport.

Ddalia.miliauskaite@me.com
93% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

A fork of a Sol LeWitt reproduction uses D3 v3 to generate an SVG grid of horizontal and vertical rectangles. Two D3 masks, created via the `symbol` and `symbols` APIs, are applied to the grid’s layers, with one mask inverted to reveal the artwork’s pattern. The code sets the drawing to the full browser window size and renders 100 rows and columns of thin strips. The piece is implemented with `select`, `range`, and `join` to build the SVG elements dynamically.

Ggianlucaguerra
93% match
Loading thumbnail…

Fork of Fork of Full of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt-inspired geometric composition using D3 v7, rendering two sets of overlapping horizontal and vertical stripes on an SVG canvas. The stripes are filtered through mask elements that reveal different symbol glyphs—circles, crosses, and other d3.symbol shapes—positioned along the center. The code uses d3.select, d3.range, and d3.symbol to generate the paths, with masks applied via SVG attributes. The artwork alternates mask inversion to create contrasting positive and negative space across the full window dimensions.

IIgorGorin00
93% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction + D3

A fork of a Sol LeWitt reproduction uses D3 to generate layered horizontal and vertical striped rectangles across the full viewport. Two SVG masks create geometric cutouts: a white diamond-shaped hole in one mask and a black circular hole in another, revealing intersecting grid patterns. The code employs d3.select, d3.range, d3.symbols, and d3.symbol to draw paths and shapes, with masking applied via SVG mask elements. The example renders entirely in SVG, driven by window dimensions.

Iionakeeley
93% match
Loading thumbnail…

Fork of Full Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece by rendering a grid of horizontal and vertical lines on an SVG canvas. The lines are masked to reveal a circular pattern, with the mask itself containing a defined symbol, creating an interplay between the geometric lines and the circular cutout. The visualization uses the D3 library, including its `select`, `range`, and `symbol` APIs, to generate the SVG elements and masks. It fills the entire browser window, with both horizontal and vertical lines each having a thickness of 10 pixels, spaced 20 pixels apart.

CCurran Kelleher
93% 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
93% match