Skip to main content
SimilarExport ZIP
100%

Random Sol LeWitt Reproduction

✓ Published1🌍 Public
FFelipe Maion
Last edited Mar 21, 2021
Created on Mar 21, 2021

This example reproduces a Sol LeWitt drawing as an interactive SVG visualization. The artwork appears as a black-and-white geometric composition centered on the screen, with the shape defined by an intricate SVG path. The code creates an SVG element sized to the browser window, applies a circular mask, and draws the path using SVG’s native `path` element and `d` attribute. The rendering is purely random in placement, with no external data source or additional libraries beyond standard DOM manipulation and SVG APIs.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction Exercise

This generative art piece recreates a Sol LeWitt-inspired composition using raw SVG elements created via the DOM API. It shows a field of randomly placed horizontal and vertical rectangles, where two circular masks reveal distinct visual layers: one masking a set of horizontal bars, and another revealing a grid of random rectangles. The code uses `document.createElementNS` to build SVG masks, circles, and rectangles, with random dimensions and positions for the geometric forms.

FFelipe Maion
87% match
Loading thumbnail…

Reproduction of Sol LeWitt

This example recreates a Sol LeWitt-inspired drawing using only raw SVG and JavaScript, without any external libraries. It shows a circular mask revealing a grid of horizontal and vertical black bars over a white background. The code constructs the visualization by creating SVG elements dynamically, using two masks—one that exposes horizontal stripes inside a circle and another that reveals vertical stripes in the surrounding area. The result is a geometric pattern that mimics LeWitt’s wall drawings through simple DOM manipulation.

PPhan Nguyen
85% match
Loading thumbnail…

Sol LeWitt Reproduction

This reproduction of a Sol LeWitt wall drawing uses SVG paths to render geometric forms based on the artist’s instructional artworks. The drawing comprises gray-filled outer paths and black stroked lines, all defined with SVG `path` elements. The code uses a raw SVG element with embedded CSS for styling. Generated via JavaScript in an HTML page, the piece shows a strict geometric composition without interactive behavior or data input, serving as a static homage to LeWitt’s rule-based visual systems. The rendering is entirely code-driven, with no external JavaScript libraries employed.

AAlex Georgiev
85% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style drawing using procedural SVG. It first draws a series of vertical black rectangles across the full viewport, then applies an SVG mask containing a white circle over a black background to hide a central circular region. Horizontal strips are then drawn across the entire width, with the mask revealing only the area inside the circle, creating an intersecting grid pattern. The visualization uses raw JavaScript with the SVG DOM API to create elements dynamically, reacting to the browser window’s dimensions.

Wwgloss
85% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece as a static SVG canvas. It shows a black-and-white geometric composition based on the artist’s instructional wall drawings, rendered with abstract lines and shapes. The code sets up an SVG element with fixed dimensions and uses a JavaScript script that logs basic console output, but it does not yet contain any drawing instructions or data-visualization logic. The rendering approach is plain SVG, with the structure prepared for future generative or instructional drawing code.

Zzerzenka
85% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt drawing using purely procedural SVG generation. It displays a full-screen field of evenly spaced horizontal bars, with a circular area in the center where the bars are masked out to reveal the background. The code creates the SVG dynamically via the DOM API, using `document.createElementNS` to construct each rectangle and a circular SVG `<mask>` to define the central void. No external libraries are used, and the rendering is entirely based on the browser's viewport dimensions.

Mmegan-grannan
85% match
Loading thumbnail…

Sol Lewitt Reproduction

This example reproduces a Sol LeWitt wall drawing as an interactive SVG visualization. It renders 100 vertical rectangles, each 10 pixels wide, evenly spaced across the full viewport height. The code uses the SVG API to create and append each rectangle dynamically via `document.createElementNS`. All shapes are generated procedurally without an external dataset, directly mimicking LeWitt’s geometric style. The result is a minimalist, full-screen composition that fills the browser window.

KKathleen Johnston
85% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWITT wall drawing as an interactive SVG visualization. The page renders a 960-by-500 SVG canvas and uses plain CSS and JavaScript, with React as the framework, to generate geometric shapes. The drawing consists of vertical and horizontal lines in a grid pattern, executed in black and white. The code includes a minimal HTML wrapper and a script that logs to the console, but the core geometry is defined through the SVG elements. The rendering relies on React’s component structure and SVG’s native shape primitives to compose the artwork.

BBenLeathers
85% match