Sol Lewitt Repro

100%

Sol Lewitt Repro

✓ Published1🌍 Public

Last edited Dec 30, 2025

Created on Dec 30, 2025

This example reproduces a Sol LeWitt art piece by generating a series of vertical rectangles across the full screen. It creates 100 SVG rectangles, each 10 pixels wide, positioned at increasing x-coordinates, using plain JavaScript DOM manipulation to construct the SVG elements. The visualization uses D3 v7 only to load the library, while all rendering is done through native SVG APIs like `createElementNS` and `setAttribute`. The artwork fills the browser window dynamically using `window.innerWidth` and `window.innerHeight`.

AI-generated description

A reproduction of a Sol LeWitt art piece

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt reproduction

This example reproduces a Sol LeWitt art piece using JavaScript to generate an SVG. It renders a series of 100 vertical rectangles, each 10 pixels wide, spaced 20 pixels apart across a 960-pixel-wide canvas. The code creates the SVG elements dynamically through the DOM API without any external libraries, directly appending each rectangle to the document body. The artwork is defined procedurally, with the number of rectangles and their spacing hardcoded in a loop.

DDilara Bozkurt

92% 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

92% match

Loading thumbnail…

Sol Lewitt Repro HOR

This example renders a generative art piece inspired by Sol LeWitt’s geometric wall drawings. It displays one hundred horizontal striped rectangles across the full screen, clipped into a circular window at the center of the viewport. The code uses raw SVG DOM manipulation with `createElementNS` to build the elements, and applies an SVG `mask` with a `circle` to constrain the visible area. Although it loads D3 v7, the visualization relies only on native SVG features, not on any D3-specific functions.

Jjustinenns@hotmail.com

92% 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

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece by rendering a series of vertical black bars. Fifty rectangles, each 10 pixels wide, are spaced 20 pixels apart across the full screen height. The visualization is built entirely with the SVG API, creating elements via `document.createElementNS` and appending them to the root `<svg>`. The code runs automatically on page load, filling the browser window with the geometric pattern.

WWolfgang

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece as an interactive web page, displaying a series of vertical black bars that repeat across the full height of the browser window. The rendering uses the raw SVG DOM API, creating 100 rectangle elements with `document.createElementNS` and positioning them at 20-pixel intervals. Each rectangle is 10 pixels wide and stretches to the viewport height, producing a clean, minimalist grid pattern that mirrors LeWitt’s geometric style. The code directly manipulates SVG attributes without any additional libraries or data sources.

Hhsleijpen

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This generative art reproduction displays a series of vertical SVG rectangles, each with a fixed width of 10 pixels, spaced 20 pixels apart across the full height of the browser window. It draws a minimalist, grid-based pattern reminiscent of Sol LeWitt’s wall drawings, created procedurally using the JavaScript DOM API `document.createElementNS` to build SVG elements. The code loops to place each rectangle, setting its `x` and `height` attributes dynamically based on the window dimensions, though a loop condition error prevents full execution. The piece relies on raw SVG manipulation rather than a charting library.

Wwasti

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired wall drawing using dynamically generated SVG rectangles. It renders 100 vertical bars of fixed width, spaced evenly across the full viewport height, creating a minimalist grid pattern that fills the browser window. The visualization works by creating an SVG element with the DOM API `document.createElementNS`, setting its dimensions to match the window, and appending each rectangle with explicit `x`, `width`, and `height` attributes. No external libraries are used; it relies entirely on native JavaScript and SVG shape creation.

WWasanta Pruttisarikorn

89% match