Skip to main content
SimilarExport ZIP
100%

SoLeWitt exercise

✓ Published0🌍 Public
CC-Marfil
Last edited May 7, 2023
Created on May 7, 2023

This generative art piece recreates a Sol LeWitt wall drawing by combining horizontal and vertical striped rectangles with masked geometric shapes. The SVG output uses D3.js selectors and joins to construct a grid of 100 lines in each direction, while custom mask definitions contain large star-like symbols rendered via D3’s `symbol` API. The masks alternate positive and negative space, creating an interlocking pattern of stripes and forms across the full canvas. The piece is fully responsive, scaling to the browser window’s dimensions.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

sol lewit reproduction assignment

This visualization reproduces the geometric precision of Sol LeWitt’s wall drawings using D3.js, encoding alternating vertical and horizontal line grids. It renders a series of thin rectangles that are selectively masked by SVG masks containing paths of abstract symbols, creating overlapping patterns of positive and negative space. The code leverages D3’s `select`, `range`, `symbols`, and `symbol` APIs to generate the grids and symbol paths, with masks (`url(#mask0)`, etc.) toggling visibility. The result is a dynamic, screen-sized composition that mirrors LeWitt’s systematic, rule-based aesthetics through algorithmic drawing.

KKerim
86% match
Loading thumbnail…

sol lewit reproduction

The visualization reproduces Sol LeWitt's geometric wall drawing style using horizontal and vertical striped rectangles layered and masked into circular and diamond-shaped forms. Built with D3 v7, it uses `select`, `range`, `join`, and `symbol` to generate SVG elements dynamically, with two masks (`#mask` and `#mask-2`) controlling visibility of the overlapping bands. The artwork renders at four times the window width, with dimensions derived from `window.innerWidth` and `window.innerHeight`, producing a large-scale, pattern-based composition.

KKerim
86% match
Loading thumbnail…

so Le Witt

This generative art piece uses SVG masks, rectangles, and paths to create an intricate visual composition inspired by Sol LeWitt. The code builds a hundred horizontal and vertical striped rectangles, each with a skew transformation applied via CSS, while two SVG masks circle around a custom path to selectively reveal and conceal the pattern. Built with vanilla JavaScript and the SVG DOM API, the artwork demonstrates how basic shapes, masks, and CSS transforms can produce complex geometric arrangements without external libraries.

Kkasem1234357
85% match
Loading thumbnail…

W3 Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing as an interactive SVG composition of alternating horizontal and vertical stripes. A central circular mask reveals horizontal black bars over a white background, while a second inverted mask reveals vertical black bars, creating a checkerboard-like optical effect. The piece uses two SVG `<mask>` elements with `<circle>` and `<rect>` primitives to define the visible regions, and generates 100 striped rectangles in each direction via a JavaScript loop.

AAlenka Guček
85% match
Loading thumbnail…

Sol LeWitt reproduction

This piece reproduces a Sol LeWitt wall drawing using JavaScript to generate SVG elements dynamically. It displays a composition of horizontal and vertical striped rectangles that form a distinct circular pattern at the center of the viewport. The rendering uses two SVG masks, `inner-circle-mask` and `outer-circle-mask`, to control the visibility of the 100 horizontal and 100 vertical `<rect>` elements, which are sized relative to the window’s dimensions. The code relies on basic SVG APIs such as `createElementNS`, `setAttribute`, and `appendChild` to construct the artwork.

AAngela Kochoska
84% match
Loading thumbnail…

Sol LeWitt Reproduction

This visualization uses raw SVG and JavaScript to reproduce a Sol LeWitt wall drawing. It layers 100 horizontal and 100 vertical rectangular stripes across the full browser window. A circular mask, created via SVG `mask` and `circle` elements, is applied only to the horizontal lines, revealing them solely within a central 200-pixel radius. The code dynamically sizes the artwork to the viewport dimensions, using `document.createElementNS` and `setAttribute` to build the composition without any external libraries.

EEdgar Cortez
84% match
Loading thumbnail…

Sol LeWitt

This example reproduces a Sol LeWitt drawing using SVG. It renders a grid of horizontal and vertical stripes, with a circular mask creating the illusion of layered bands across the canvas. The stripes are generated programmatically in JavaScript, using `document.createElementNS` to build SVG `rect` elements. Two complementary masks (`circle-mask` and `circle-mask-2`) alternate which stripe orientation is visible, producing a clean geometric composition that adapts to the full browser window size.

Aainhoadieruiz@gmail.com
84% match
Loading thumbnail…

Sol LeWitt Reproduction Final

This example reproduces a Sol LeWitt wall drawing using pure JavaScript and SVG APIs. It shows a grid of horizontal and vertical striped rectangles overlaid with two circular masks, creating a composition of intersecting lines that fade into a central circle. The code builds SVG elements dynamically via `document.createElementNS`, applying a black-to-white mask and an inverted white-to-black mask to reveal alternating line directions. One hundred horizontal strips and one hundred vertical strips are generated in loops, with the masks controlling visibility to form the final geometric pattern.

AAndre J Denais
84% match