Skip to main content
SimilarExport ZIP
100%

Mirek - Sol LeWitt Reproduction

✓ Published1🌍 Public
MMirekBXL
Last edited Mar 20, 2023
Created on Mar 20, 2023

This example reproduces a Sol LeWitt-style minimalist drawing using raw SVG elements created via the DOM API. It displays a series of one hundred thin vertical black rectangles, each ten pixels wide, evenly spaced across the full viewport height and horizontally offset by twenty pixels. The rendering relies on `document.createElementNS` to generate each `rect` element and appends them to an SVG container sized to the browser window. No external libraries or data sources are used; the pattern is procedurally generated in a simple loop.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Mirek - Sol LeWitt Reproduction Vertical

A full-screen SVG reproduction of a Sol LeWitt drawing displays a grid of vertical stripes overlaid with horizontal bands visible only through a circular mask, creating a stark contrast between masked and unmasked areas. The code builds the scene using the SVG namespace, generating 100 horizontal rectangles and 100 vertical rectangles, with a masked circle centered on the canvas revealing a 200-pixel radius region. The mask element, defined with a black rectangle and white circle, controls which horizontal bars appear, while the vertical bars remain fully visible across the entire viewport.

MMirekBXL
88% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired geometric composition using raw SVG and JavaScript. It shows a systematic grid of thin, evenly spaced vertical bars that span the full height of the viewport, creating a rhythmic, minimalist pattern reminiscent of LeWitt’s wall drawings. The code creates an SVG container sized to the browser window and appends 100 rectangles, each positioned at increasing x-coordinates with a fixed width, using the `document.createElementNS` API for SVG elements. The rendering relies solely on native DOM manipulation and CSS styling via an embedded stylesheet, with no external libraries beyond a Google Font import for the text styling.

Mmaciekawsq@gmail.com
86% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt–style drawing as a full-screen grid of vertical black rectangles. One hundred narrow SVG `rect` elements are laid out side by side, each ten pixels wide and spaced twenty pixels apart, creating a rhythmic, minimalist composition. The script generates the SVG dynamically using the DOM API `document.createElementNS` and appends it to the body, with dimensions matching the browser window. The rendering is purely procedural, with no external libraries or data sources.

Lliu yang
86% match
Loading thumbnail…

Mirek - Sol LeWitt Reproduction

A Sol LeWitt-inspired generative drawing uses overlapping horizontal and vertical black stripes that appear only within a central circular region, created with SVG masks. Two mask definitions (`circle-mask` and `circle-mask-2`) isolate the stripe layers, producing a checkerboard-like grid inside the circle while leaving the surrounding canvas empty. The code builds 100 horizontal and 100 vertical rectangle elements with alternating dimensions, applying each mask to control visibility. This pure JavaScript example constructs the SVG document programmatically via `createElementNS` and `appendChild`, with no external libraries or data source.

MMirekBXL
86% match
Loading thumbnail…

Sol Lewitt Reproduction

This example reproduces a Sol LeWitt-inspired wall drawing using raw SVG elements created directly through the DOM API. It shows a series of 100 thin vertical rectangles evenly spaced across the full height of the browser viewport, creating a minimalist striped pattern. The visualization uses `document.createElementNS` to generate SVG `rect` elements, setting each rectangle’s width to 10 pixels and its horizontal offset to 20 pixels apart. No external libraries are used, relying purely on vanilla JavaScript and CSS to render the geometric composition dynamically based on the window size.

HHéloïse Feldmann
86% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired minimal art piece using SVG, rendering one hundred vertical rectangles in a grid across the full viewport. The code generates each rectangle dynamically via the SVG DOM API, setting its x-position and width while extending its height to cover the screen. The result is a stark, monochrome composition that echoes LeWitt’s geometric aesthetic. No external libraries are used; the implementation relies on native JavaScript and the `createElementNS` method to build the SVG structure.

Aadityapalliyil0@gmail.com
85% match
Loading thumbnail…

sol lewitt reproduction

This example reproduces a Sol LeWitt-style minimalist composition using dynamically generated SVG rectangles. The code creates 100 vertical black bars, each 10 pixels wide, spaced 20 pixels apart across the full height of the browser window, filling the viewport edge-to-edge with a rhythmic grid. It uses the raw DOM API `document.createElementNS` to construct SVG elements, setting width, height, and position attributes directly on each `<rect>`. The rendering approach mirrors LeWitt’s conceptual art by deriving form from a simple algorithmic rule: a loop variable determines each bar’s x-coordinate and index.

MMehul Suthar
85% match
Loading thumbnail…

Sol LeWitt 2

This example reproduces a Sol LeWitt art piece using raw SVG elements created with the Document Object Model (DOM) API. It generates one hundred vertical rectangles, each ten pixels wide and spaced twenty pixels apart, filling the full height of the browser window. The code uses `document.createElementNS` to construct SVG `<rect>` elements and appends them to an SVG container. The rectangles are drawn programmatically in a loop, without any external data source or visualization library.

CCora
85% match