Sol Lewwit

100%

✓ Published1🌍 Public

Last edited Apr 9, 2023

Created on Apr 9, 2023

This example renders a minimalist generative composition inspired by Sol LeWitt’s geometric wall drawings. It creates 100 vertical rectangles of fixed width, evenly spaced across the viewport, with each rectangle’s height matching the full window height. The visualization dynamically adapts to the browser’s current dimensions using `window.innerWidth` and `window.innerHeight`. It constructs a raw SVG document via the Document Object Model (DOM) API, specifically `document.createElementNS` and `setAttribute`, without using any external libraries or frameworks.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

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

91% match

Loading thumbnail…

Sol LeWitt

This example generates a minimalist SVG composition inspired by Sol LeWitt, displaying 100 vertical rectangles evenly spaced across a 960-by-500-pixel canvas. Each rectangle maintains a fixed width of 10 pixels and spans the full height of the canvas, creating a rhythmic, striped pattern. The visualization is built programmatically using raw JavaScript and the SVG API, specifically creating SVG elements via `document.createElementNS` and appending them to the document. No external libraries are used; the rendering relies entirely on native browser support for SVG and scripting.

NNikki Masroor

90% match

Loading thumbnail…

Sol Lewit Repro

This example presents a generative art piece inspired by Sol LeWitt, rendered by drawing a series of vertical stripes across the full browser window. The visualization uses raw JavaScript with the Document Object Model (DOM) API, specifically creating Scalable Vector Graphics (SVG) elements via `document.createElementNS`. The code generates 100 rectangles, positioning each one along the x-axis with a fixed width and making them stretch the entire height of the viewport, resulting in a clean, minimal striped pattern that echoes LeWitt's systematic wall drawings. The artwork automatically adapts to the current window dimensions.

HHayden-V

89% match

Loading thumbnail…

Sol lewitt

This example creates a minimalist, generative wall drawing inspired by Sol LeWitt’s geometric instruction art. It displays a series of one hundred thin, evenly spaced vertical rectangles that span the full height of the browser window. The composition is rendered as SVG, constructed dynamically with the `document.createElementNS` and `svg.setAttribute` APIs, without using any external libraries. The code generates the pattern procedurally by looping through an index, setting each rectangle’s x position incrementally, resulting in a clean, grid-like visual.

OOluseyi Adeeko

89% match

Loading thumbnail…

Sol witt

This example generates a full-screen SVG visualization inspired by Sol LeWitt’s geometric wall drawings. It creates 100 vertical rectangles, each 20 pixels apart and 10 pixels wide, spanning the entire height of the viewport using the `window.innerWidth` and `window.innerHeight` properties. The code directly manipulates the SVG DOM via `document.createElementNS` and `setAttribute`, appending the shapes to the page without any external libraries or data sources.

Aamith-2001

89% match

Loading thumbnail…

Sol LeWitt in Vanilla JS

This example renders a generative art piece inspired by Sol LeWitt using vanilla JavaScript and SVG. It creates a full-screen SVG canvas and populates it with a series of vertical rectangles, each 10 pixels wide, spaced 20 pixels apart across the entire window width. The code uses `document.createElementNS` and `setAttribute` to construct SVG elements dynamically, looping to cover the viewport’s width. The result is a minimal, grid-based composition that directly translates the artist’s geometric aesthetic into a browser-based visualization.

Jjv

89% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a minimalist Sol LeWitt drawing using programmatically generated vertical bars. It fills the browser viewport with 100 thin SVG rectangles, evenly spaced 20 pixels apart and spanning the full window height. The code uses the raw Document Object Model (DOM) API with `createElementNS` to construct SVG elements directly, setting viewport dimensions from `window.innerWidth` and `window.innerHeight`. No external libraries are used; the rendering relies purely on vanilla JavaScript and CSS.

TTheo-0201

89% match

Loading thumbnail…

SVG Sol LeWitt

This example renders a grid of thin vertical rectangles across the full viewport using raw SVG elements. It creates 48 rectangles via `document.createElementNS` for the SVG namespace, positioning each at 20-pixel intervals with a fixed width of 10. The rectangles span the entire window height, producing a minimalist, repetitive pattern reminiscent of Sol LeWitt’s wall drawings. The code sets the SVG’s dimensions to `window.innerWidth` and `window.innerHeight`, and dynamically appends the SVG to the document body. No external libraries are used; only native JavaScript and SVG APIs.

Mmax-31

88% match