Sol LeWitt reproduction

100%

Sol LeWitt reproduction

✓ Published1🌍 Public

Last edited Jan 4, 2024

Created on Jan 4, 2024

This example demonstrates the basics of SVG shape creation through a minimal script that appends a single rectangle to the document. A JavaScript script dynamically generates an SVG element, sets its width to 960 pixels, and appends a rect element using the standard DOM API (`createElement`, `setAttribute`, `appendChild`). The code uses raw SVG without external libraries, showing how to construct vector graphics programmatically. The page hides overflow and margin, making the shape appear in an otherwise blank canvas, though the rectangle’s height is misspelled as "hight" and remains unset.

AI-generated description

A demonstration of SVG shapes.

MIT Licensed

Similar vizzes

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

87% match

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

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

86% match

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

85% match

Loading thumbnail…

Sol Lewitt reproduction

This example demonstrates the foundational construction of SVG graphics through JavaScript. It shows a single blue square rendered on an HTML page, created programmatically using the Document Object Model (DOM) API. The code first creates an SVG element with specified dimensions and a border, then appends a rectangle with set coordinates, size, and fill color using `createElementNS` and `setAttribute` methods. The example serves as a basic introduction to the SVG library's core functionality for positioning and styling shapes.

Aaaron.00366@gmail.com

85% match

Loading thumbnail…

Sol LeWitt reproduction

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.

SSantiago Toso

84% match

Loading thumbnail…

solLewitt

This example reproduces a Sol LeWitt-inspired drawing using raw SVG, creating a static geometric composition within a 960 by 500 pixel canvas. The code relies on the SVG API directly to render shapes, though the current script only includes JavaScript fundamentals and does not generate any visible artwork on the page. The SVG element is the primary rendering surface, with the body styled to hide overflow. The source material is a simple HTML file with embedded script, and no external visualization libraries are used.

Mmartina.dallamico.1@studenti.unipd.it

84% match

Loading thumbnail…

Sol levit reproduction

This example reproduces a static visualization using only SVG shapes, drawing a single vertical black rectangle on a white canvas. The code creates the SVG element via the raw Document Object Model (DOM) API, using `document.createElementNS` to set namespace attributes, and then appends a rectangle with fixed width, height, and x-coordinate. No external libraries are used, and the rendering is entirely procedural, with no data source or interaction. The visualization demonstrates basic SVG construction through native JavaScript methods.

NNaveen Pratiksha

84% match