Skip to main content
SimilarExport ZIP
100%

Fork of Sol LeWitt Reproduction

✓ Published1🌍 Public
MManya Sohal
Last edited Aug 8, 2025
Created on Aug 8, 2025

This example reproduces a Sol LeWitt drawing as a generative SVG visualization. It renders one hundred horizontal, full-width bars stacked vertically, each masked by a circular clip path to create the artwork’s geometric interplay. The composition is built with D3 version 6.6.1, using the `select` API to create the SVG canvas and the `join` operation to bind an array of mark objects to the `rect` elements on screen.

AI-generated description
MIT Licensed

Similar vizzes

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

This example uses D3.js to recreate a Sol LeWitt-inspired drawing with horizontal and vertical striped bands. It renders 100 horizontal rectangles and a secondary set of vertical bars clipped by two circle masks, creating an intersecting geometric pattern. The SVG masks reveal only the areas inside the circular regions, with the second mask inverting the visibility. The code uses D3 selections and the `range()` function to generate the marks, with the primary source being the LeWitt reproduction referenced in the README.

Kktshim@snu.ac.kr
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example recreates a Sol LeWitt-inspired drawing using D3 and SVG. It shows a grid of horizontal and vertical bars that are partially hidden by two circular masks, creating a pattern of lines that fade in and out of view. The code uses D3’s `select`, `append`, `range`, and `.join()` API to generate the bars and masks, with the masks defined as SVG elements containing rectangles and circles. The visualization is rendered entirely with vector graphics, using a full-window canvas and a data-driven approach to build the repeating line structure.

Eedw.ext@gmail.com
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using D3.js, displaying a grid of horizontal and vertical thin rectangular bars across the full viewport. The bars are partially revealed through two circular masks, creating a geometric pattern of intersecting lines within a central circular region. Using d3.select and range, the code generates 100 rect elements in each orientation, applying SVG mask elements with contrasting black-and-white fills to selectively show vertical bars inside one circle and horizontal bars inside another. The rendering is entirely SVG-based, with the artwork adapting to the browser window dimensions.

Llukasilg.sol@gmail.com
89% 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
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt wall drawing using D3.js to generate a dense grid of horizontal and vertical bars, creating an optical pattern of intersecting lines. The bars are rendered as SVG rectangles, with each set of bars repeated across the canvas at regular intervals. Two SVG masks with circular cutouts are applied to the bar groups, revealing and concealing portions of each direction to form a layered, lens-like visual effect. The code uses D3’s `select`, `range`, and `join` API to efficiently build and position the rectangles, and the Canvas API sets the drawing size to the full browser window.

AAaron
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece as an interactive SVG visualization. It renders a grid of thin horizontal and vertical rectangles, with two circular masks that reveal and conceal the marks to create a layered geometric pattern. Using d3-selection and d3-range, the code generates 100 rectangles in each direction, applying SVG mask elements with white and black circles to shape the final composition. The visualization adapts to the full browser window size.

Ddaria.daria
89% match
Loading thumbnail…

Fork of Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-inspired geometric composition using raw SVG. It shows a series of 100 horizontal bars, each 10 pixels tall and spaced 20 pixels apart, filling the entire window. A circular mask clips the bars so that only the area inside a centered circle of radius 200 pixels is visible, creating the artwork’s distinctive striped disc. The code creates SVG elements programmatically via the DOM API, using `createElementNS` and `setAttribute` to build the mask and rectangles without any external libraries.

SShahin Alam
89% match