Sol LeWitt reproduction

100%

Sol LeWitt reproduction

✓ Published0🌍 Public

Last edited Mar 6, 2023

Created on Mar 6, 2023

This example reproduces a Sol LeWitt drawing using an SVG canvas. It shows a single black square rectangle positioned at the top-left corner of a 960×500 pixel viewport. The code creates the SVG and rectangle elements dynamically using the DOM API `document.createElementNS` with the SVG namespace, then appends them to the page body. The rectangle’s dimensions are set via `setAttribute`, though its fill color is commented out, leaving it with the default black.

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 wall drawing as a single static SVG rectangle, using a plain SVG element with a width and height set to 960 by 500 pixels. The code manually creates the SVG and a 100-by-100 rect child via the Document Object Model’s `createElementNS` method, relying on raw JavaScript rather than a charting library. It demonstrates basic SVG rendering with a fixed canvas, though the script appends the rect to the SVG before the document’s existing SVG is used, resulting in a minimal structural output. The work shows how geometric abstraction can be encoded directly through SVG API calls.

DDavid Hojdan

91% match

Loading thumbnail…

Sol LeWitt

This example draws a single red square onto an SVG canvas, echoing the minimalist geometric style of Sol LeWitt. The code creates SVG elements using the native `document.createElementNS` API for SVG, adds a `rect` with fixed width and height attributes, and appends it to the page. It demonstrates fundamental SVG rendering with vanilla JavaScript, setting the stage for further generative art.

SSantiago Toso

90% match

Loading thumbnail…

Sol LeWitt Reproduction

A Sol LeWitt reproduction appears as a single black square on a white canvas, mimicking a minimalist geometric artwork. The example uses raw JavaScript with the SVG DOM API, creating an `svg` element and appending a `rect` via `document.createElementNS`. The code explicitly sets the SVG width to 960 and height to 500, but draws only a 100-by-100 pixel rectangle. This is a static, non-interactive demonstration of basic SVG shape generation, with no data source beyond hardcoded dimensions.

JJavan Friedel

90% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a minimalist Sol LeWitt-style drawing using an SVG canvas that fills the browser window. It generates 100 vertical rectangular stripes, each 10 pixels wide and spaced 20 pixels apart, spanning the full height of the viewport. The code creates SVG elements dynamically via the `createElementNS` API and sets attributes like `x`, `width`, and `height` directly, without any external libraries. The rendering approach relies purely on JavaScript and SVG, with no data source or interaction beyond the static geometric composition.

MMonWas

89% match

Loading thumbnail…

Sol Lewitt Reproduction

This example reproduces a Sol LeWitt drawing as a single black vertical rectangle spanning the full height of an SVG canvas. The work is rendered entirely through the native Document Object Model’s `createElementNS` and `appendChild` methods, without external libraries like D3. The script sets the SVG’s width and height attributes to fixed pixel values and appends the rectangle directly to the page body. The accompanying CSS hides page margins and scrollbars, focusing attention solely on the minimalist geometric form. The data source is the original LeWitt artwork.

Mmaxthamt

89% match

Loading thumbnail…

SOL LEWITT REPRODUCTION

This example reproduces a Sol LeWitt-style drawing using only JavaScript and SVG, rendering a series of vertical black rectangles across a white canvas. The code creates a full-window SVG element and programmatically appends 100 narrow rectangles, each spaced 20 pixels apart with a width of 10 pixels, using the `createElementNS` API from the SVG specification. The rectangles stretch the full height of the viewport, producing a minimalist grid-like pattern that echoes LeWitt's geometric wall drawings. The piece demonstrates generative art through direct DOM manipulation without any external libraries.

JJude-Clarke

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

88% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using pure browser APIs, with no external libraries. It renders 100 horizontal and 100 vertical rectangles in SVG, layered so that a circular mask reveals the grid pattern at the center while masking the opposite orientation at the edges. The code constructs the SVG, masks, and shapes programmatically via `document.createElementNS`, setting attributes like `fill`, `r`, and `mask` on each element. The layout adapts to the full viewport size using `window.innerWidth` and `window.innerHeight`.

Nnpinta

88% match