Skip to main content
SimilarExport ZIP
100%

Fork of Landcape

✓ Published0🌍 Public
RRenato Camapum
Last edited May 18, 2023
Created on May 17, 2023
Forked from Landcape

A Fork of Landscape reproduces a Sol LeWitt-inspired geometric composition using D3 version 7. The visualization displays intersecting horizontal and vertical rectangular strips across the full viewport, with circular masks revealing opposite color contrasts in the center. The code uses d3.range and d3.select to generate SVG rectangles, while mask elements define the circular cropping regions. The rendering relies on SVG attributes for positioning and masking, with no external data source.

AI-generated description

A reproduction of a Sol Lewitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Landcape

This piece generates an abstract geometric landscape from SVG rectangles, using alternating horizontal and vertical bands that intersect to form a grid-like pattern. The artwork references Sol LeWitt’s conceptual style, though the specific visual layout is defined by the code's loop over 100 iterations. Built with the D3.js library (v7.8.4), it leverages D3's `select`, `range`, `symbols`, and `symbol` APIs to construct the SVG elements dynamically. Two masks are applied—one inverting colors—using paths generated from D3's symbolic shapes, which modify the visibility of the overlaid rectangles and create layered, translucent regions across the full canvas.

Vvalsorayksterob
91% match
Loading thumbnail…

Fork of Landcape

This piece recreates a Sol LeWitt-inspired composition using a generative drawing algorithm. Vertical and horizontal stripes are overlaid, with two circular masks creating a layered, interlocking visual effect. The artwork is built entirely with raw SVG elements and masks, generated through JavaScript loops. The code manipulates SVG `mask` elements to alternate visibility between the two sets of lines, resulting in a dynamic interplay of stripes within and outside the central circular region. The page uses no external libraries, relying on core DOM manipulation and SVG APIs.

Vvalsorayksterob
87% match
Loading thumbnail…

Fork of Landcape

A fork of Sol LeWitt's generative line drawings, this visualization renders 100 rotated lines from a single origin point. Each line uses the SVG `rect` element with a random hexadecimal color and an incremental rotation transform, creating a radiating, multicolored landscape. The code sets the SVG canvas dimensions to match the browser window, with `overflow` hidden, and runs in a loop to generate the composition. The piece demonstrates a simple, algorithmic approach to abstract art, relying on the Document Object Model and SVG APIs to construct the visual output.

Vvalsorayksterob
86% match
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
83% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction with D3

This example recreates a Sol LeWitt-inspired geometric composition using D3's selection and data-join methods. It renders 100 horizontal and 100 vertical rectangles across the full viewport, with each set masked by a circular cutout at the center—one mask inverts the other, creating a striking interlocking grid pattern. The visualization uses D3 v6's `select`, `range`, and `append` APIs to construct the SVG elements and masks, with the circle radius fixed at 200 pixels. The code demonstrates how layered SVG masks can produce complex visual effects from simple rectangular primitives.

MMohammed
83% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction with D3

A generative geometric composition mirrors a Sol LeWitt wall drawing, displaying a grid of horizontal and vertical striped rectangles on an SVG canvas. The primary visual effect is a circular white mask that reveals only the horizontal lines within its radius, while the vertical lines remain fully visible across the entire viewport. Built with D3 v6, the code uses `select`, `range`, and `join` to create 100 rectangles per axis, with `window.innerWidth` and `window.innerHeight` defining the responsive full-screen dimensions.

Ppeter@attachmentdivision.com
82% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt-inspired geometric composition using D3. It renders a grid of horizontal and vertical SVG rectangles, each masked to reveal a circular cutout in the center. The visualization uses two overlapping D3 selections with `mask` attributes to create alternating stripes visible only in the circular region. The code leverages D3’s `select`, `range`, and data joins to generate elements efficiently. The full-screen SVG canvas displays 100 horizontal and vertical bands, with the second mask inverting the visibility pattern to achieve the final layered effect.

CCurran Kelleher
82% match
Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction Final with D3

This visualization reproduces a Sol LeWitt art piece using D3 to generate a grid of horizontal and vertical black lines layered over the full viewport. The lines are clipped by two circular masks centered on the screen, creating a crosshatched pattern that fades into blank space beyond the circle boundaries. The code uses D3 selections and the `join` pattern to append SVG `rect` elements, with `mask` elements defining the visible regions via white and black circles. The artwork is rendered entirely in SVG using D3 v7.

Kkwambokar
82% match