Sol levit reproduction

100%

Sol levit reproduction

✓ Published0🌍 Public

Last edited Dec 31, 2023

Created on Dec 31, 2023

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.

AI-generated description

A demonstration of SVG shapes.

MIT Licensed

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

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…

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

84% match

Loading thumbnail…

Sol LeWitt reproduction

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.

Aaidarshafeev1@gmail.com

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

83% match

Loading thumbnail…

Sol LeWtt Reproduction

This example reproduces a minimalist Sol LeWitt-inspired drawing using only SVG and JavaScript. It generates a series of 100 vertical rectangles with varying widths, creating a rhythmic grid pattern that spans the full height of the viewport. The code uses the Document Object Model (DOM) method `createElementNS` to construct SVG elements directly, with a simple `for` loop to position each rectangle horizontally. No external libraries are required—only standard JavaScript and CSS within a single HTML file. The result is a clean, geometric composition that fills the window dynamically.

DDanilo Moraes

83% match

Loading thumbnail…

Sol LeWitt Reproduction Verticle

This example reproduces a Sol LeWitt-inspired drawing using only SVG elements. It shows a grid of horizontal and vertical lines confined to a circular mask, creating a clean, geometric composition. The visualization is generated procedurally with JavaScript, using the Document Object Model (DOM) APIs to create SVG nodes. A white circle on a black mask defines the visible area, while 100 horizontal rectangles and 100 vertical rectangles are drawn across the full canvas, with the horizontal set clipped by the mask. The code relies on native browser APIs such as `document.createElementNS` and `setAttribute`, with no external libraries.

PPrince Kumar

83% match

Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece as a static SVG canvas. It shows a black-and-white geometric composition based on the artist’s instructional wall drawings, rendered with abstract lines and shapes. The code sets up an SVG element with fixed dimensions and uses a JavaScript script that logs basic console output, but it does not yet contain any drawing instructions or data-visualization logic. The rendering approach is plain SVG, with the structure prepared for future generative or instructional drawing code.

Zzerzenka

83% match