Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public
Jjv
Last edited May 9, 2023
Created on May 9, 2023

This generative artwork presents a minimalist geometric pattern of horizontal and vertical bands. The composition shows a dense grid of thin, parallel lines in both orientations, with a circular region in the center creating a distinct visual contrast. The piece uses D3.js version 6.6.1, specifically the `select`, `range`, and `append` APIs, to generate and render the SVG elements. The rendering applies two SVG masks with `circle` elements to invert the visibility of the lines within the central circular area, creating an overlapping effect.

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 renders a generative art piece inspired by Sol LeWitt, using vertical and horizontal bands that create a grid-like pattern on an SVG canvas. The code employs d3’s `scaleBand`, `range`, and `symbol` to draw repeating line segments within two overlapping masks, filling the full window size. The masks alternate white and black fills based on position, producing a structured, geometric composition that echoes LeWitt’s minimalist style.

Cclara7227
92% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction je

This example shows a generative SVG reproduction of a Sol LeWitt wall drawing, rendered as a series of horizontal bands. The code uses the D3.js selection and data-join API to create 100 rectangular marks, each positioned vertically and sized to cover the full window width. A circular mask, defined in SVG and applied to every rectangle, clips the bands into a circular disk, mimicking the geometric aesthetic of LeWitt’s instructional art. The rendering approach relies on raw JavaScript to construct the SVG elements and apply the mask attribute.

JJeppeOEM
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt art piece using D3 to generate a grid-like pattern of horizontal and vertical lines. The lines are rendered as SVG rectangles, with two circular masks applied to create a central circular viewing window. The horizontal bars are masked by a black rect with a white circle, while the vertical bars use an inverse mask, producing a crosshatched effect within the circle. The code uses d3-selection’s `select`, `append`, and `join` methods alongside `range` to efficiently create the marks.

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

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using D3.js version 7.3.0, generating a grid-like pattern of alternating vertical and horizontal bands over the full browser viewport. The artwork uses two SVG masks—one with a white circle punched through black and another with a black circle on white—so that vertical stripes appear only within the circular region, while horizontal stripes are visible everywhere except inside that circle. The code constructs 100 rectangles in each orientation via `selectAll` and `data().join()`, setting positions and dimensions to cover the canvas.

SSamuele Greco
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This is an abstract generative art piece that recreates a Sol LeWitt drawing using overlapping horizontal and vertical bands. A central circular mask isolates the grid of horizontal stripes, while an inverse mask reveals vertical stripes only outside the circle, creating a dynamic interplay of line and form. The visualization is rendered entirely with dynamically created SVG elements, using the standard DOM API `document.createElementNS` and `setAttribute` to build the shapes. No external libraries are used; the code relies purely on JavaScript and SVG masks to achieve the composition.

NNjord
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using raw SVG and JavaScript, creating a geometric composition of overlapping horizontal and vertical bands. The artwork shows a grid of alternating colored stripes confined to a circular mask, with a second inverted mask revealing a contrasting ring pattern. The code builds SVG elements dynamically, using two SVG masks—one with a white circle on black and another with a black circle on white—to control which stripes appear in the center and edges. It relies on standard DOM APIs like `createElementNS` and `setAttribute` to generate 100 rectangles in each orientation, without any external libraries.

WWRCIECH
91% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This fork of a Sol LeWitt reproduction uses D3.js to generate an abstract geometric composition. The visualization displays a grid of alternating horizontal and vertical bars that overlap to create a dynamic pattern across the full browser window. It builds two layered sets of rectangles, each masked with a pattern derived from D3’s `symbol` API—one mask uses the standard symbol set, the other an inverted version. The `scaleBand` function positions the masks, while `select` and `join` manage SVG elements. The result mirrors LeWitt’s minimal, rule-based aesthetic using interactive vector graphics.

Xxscotta@yahoo.com
91% match