Sol LeWitt reporoduction #3

100%

Sol LeWitt reporoduction #3

✓ Published0🌍 Public

Last edited Mar 8, 2023

Created on Mar 7, 2023

This generative art piece reproduces a Sol LeWitt drawing as a grid of animated lines. A central square is divided into quadrants, each filled with parallel line segments that smoothly cycle their stroke color through black to a distinct hue (yellow, cyan, red, green) and back. The piece uses the raw DOM API to construct SVG elements, creating the lines via `path` nodes and animating their `stroke` attribute with nested `animate` elements. The line positions are computed mathematically using custom `getVals` and `getLines` functions to fill each quadrant's specific pattern.

AI-generated description

a reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

My Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece using a generative drawing algorithm. It displays a composition of horizontal and vertical lines that intersect, creating a grid pattern. The rendering selectively reveals the lines only within a circular region at the center of the canvas, using SVG masks to clip the drawing. The code programmatically creates 100 horizontal and 100 vertical rectangles using the SVG API, with two masks to control visibility, resulting in a precise geometric interplay of lines.

Aaryan0821

83% match

Loading thumbnail…

Sol LeWitt reproduction

This example reproduces a Sol LeWitt wall drawing as a dynamic, algorithmic visualization. It shows a grid of colored squares whose hues gradually shift and blend over time, creating a living, patterned composition. The work uses D3.js to construct and manipulate SVG elements, with colors derived from an interpolated palette. The rendering relies on JavaScript timers or animation frames to cycle through color values, updating the fill of each rectangle to mimic LeWitt’s serial, rule-based aesthetic. The code is minimal, containing no external data or complex geometry, focusing purely on the interplay of color and grid structure.

PPolydexter

82% match

Loading thumbnail…

Sol LeWitt Reproduction

This interactive reproduction of Sol LeWitt’s geometric wall drawing uses the SVG JavaScript API to generate a grid of 48 vertical and horizontal lines. The piece shows a black square lattice, where each line passes through a circular mask, revealing alternating line directions inside and outside the ring. The code directly creates SVG elements, applying two different masks (`circle-mask` and `circle-mask2`) to alternate which lines are visible in the central disc. It runs in the browser, filling the viewport, and is planned for animation.

Ttverdone

82% match

Loading thumbnail…

Sol LeWitt Reproduction

A grid of dark gray squares, each containing a subtly rotated pattern of lighter gray lines, reproduces a Sol LeWitt wall drawing. The composition evolves from a uniform arrangement into a dynamic field where adjacent cells vary in line density and orientation. Built with D3.js, the visualization uses `d3.range` to generate the grid and `d3.select` with SVG `<path>` elements to draw each cell’s lines. The rendering is entirely procedural, with no external data, deriving all visual variation from mathematical randomness seeded within the code.

JJC Hizarsa

82% match

Loading thumbnail…

Sol LeWitt Reproduction Homework

This example reproduces a Sol LeWitt art piece using animated SVG rectangles. It shows a dense field of horizontal and vertical colored lines, with a square cutout in the center revealing a different line pattern. The code uses the SVG mask API to create two masks: one revealing a small square and another hiding it, applying each to alternating line sets. Horizontal lines move via the Web Animations API (`animate`), while vertical lines remain static.

Aajoua

81% match

Loading thumbnail…

Sol LeWitt Repro

This reproduction of a Sol LeWitt wall drawing arranges four bordered SVG panels in a CSS grid, each containing a series of thick black vertical lines. The top-left panel, visible in the code, draws lines at ten-pixel intervals from x=10 to x=370, creating a dense, rhythmic stripe pattern that mimics LeWitt’s systematic, rule-based aesthetics. The artwork is rendered entirely with inline SVG `line` elements, each with a 5-pixel stroke-width, and uses no JavaScript libraries or external data, relying instead on hardcoded coordinates and simple HTML/CSS grid layout for its structure.

SSam Hege

81% match

Loading thumbnail…

Reproduction of Sol LeWitt Innovation

This interactive reproduction of Sol LeWitt’s wall drawing uses a grid of horizontal and vertical lines clipped by circular masks to create a dynamic, overlapping pattern. Rendered as an SVG, the piece generates 50 horizontal and 50 vertical rectangles, with the horizontal lines masked by a white circle on a black background and the vertical lines by the inverse mask. Written in raw JavaScript, it programmatically builds the SVG elements without external libraries, responding to the browser window’s dimensions for its layout. The result is a geometric, generative artwork that mimics LeWitt’s conceptual, rule-based style.

SSatyum Singh Pathania

81% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This is a generative art piece that reproduces a Sol LeWitt wall drawing using JavaScript and the Document Object Model (DOM) to create SVG elements. It shows a grid of horizontal and vertical lines, with a central circular region where the line pattern is inverted. The code uses a combination of SVG masks with white and black circles to control which sets of lines are visible in the center versus the rest of the canvas. The lines are drawn as rectangular strips, with spacing and stroke width derived from the browser window's dimensions.

SSalahAnwer-dev

81% match