Sol Lewit reproduction

100%

Sol Lewit reproduction

✓ Published0🌍 Public

Last edited Sep 3, 2024

Created on Sep 3, 2024

This example reproduces a Sol LeWitt-inspired drawing using React and JavaScript on a bare HTML page. It renders text input from a textarea and displays a numeric value via a console log, while the code demonstrates variable assignment and string concatenation. The visualization is minimal, focusing on how dynamic values can be manipulated and logged without a charting library. The rendering relies on standard DOM APIs and the `textarea` element to capture user input.

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 an interactive SVG visualization. The page renders a 960-by-500 SVG canvas and uses plain CSS and JavaScript, with React as the framework, to generate geometric shapes. The drawing consists of vertical and horizontal lines in a grid pattern, executed in black and white. The code includes a minimal HTML wrapper and a script that logs to the console, but the core geometry is defined through the SVG elements. The rendering relies on React’s component structure and SVG’s native shape primitives to compose the artwork.

BBenLeathers

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

80% match

Loading thumbnail…

Sol LeVitt Reproduction

This example reproduces a Sol LeWitt-style geometric drawing using React and SVG. It shows a grid of colored squares and rectangles arranged in a pattern reminiscent of the artist’s instructional wall drawings. The code renders the SVG with fixed dimensions and uses standard React components to manage the layout. It does not employ any data-viz libraries; instead, it relies on plain JavaScript logic to compute the shapes, with a simple data object demonstrating basic variable handling.

Sstefano@nava.ch

80% match

Loading thumbnail…

Sol lewitt

This example renders an interactive-free generative drawing inspired by Sol LeWitt, filling the browser viewport with a series of vertical bars. The artwork is created using raw SVG elements via the Document Object Model API, specifically `createElementNS` and `setAttribute`, inside a plain HTML page. A loop of 100 iterations draws rectangles with a fixed x-position and incrementing width, extending full height, producing a striped composition. The code relies solely on vanilla JavaScript and SVG, with no external libraries, and automatically adapts to the window's dimensions.

EErik L

80% match

Loading thumbnail…

Sol LeWitt Reproduction

This example generates a graphical composition inspired by Sol LeWitt’s wall drawings. An empty SVG canvas of 960 by 500 pixels is set up, and the page uses a simple HTML structure with a JavaScript console message. The visualization relies on the SVG API for its rendering, as defined in the `index.html` file, and uses the framework React, although no drawing logic is visibly implemented in the provided code. It is a minimal starter that references a React starter template for further development.

FFiona0229

79% match

Loading thumbnail…

Sol Lewwit

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.

PPeiyang Li

79% match

Loading thumbnail…

sol lewit

This example reproduces a Sol LeWitt wall drawing as an interactive web page. It displays the phrase “Hello HTML!” in large, centered text, with a console log statement that contains a typo. The implementation uses plain HTML and CSS for the visual layout, alongside a JavaScript script tag, though the rendering does not involve any data binding or visualization libraries. The piece highlights the contrast between the minimalist aesthetic of the artwork and the raw, unpolished code behind it.

AAamir Raza

78% match

Loading thumbnail…

Sol Lewitt Reproduction - Ronan

This example reproduces a Sol LeWitt-inspired drawing using raw SVG elements created dynamically with JavaScript. It renders a series of vertical rectangles, each with a fixed width of 10 pixels, spaced 20 pixels apart across the full width and height of the browser window. The code uses `document.createElementNS` to construct SVG `rect` elements and appends them to an SVG container, with the canvas size set to `window.innerWidth` and `window.innerHeight`. No external libraries are used; the work relies solely on the SVG DOM API and a loop that generates the geometric pattern.

RRonanFonseca

78% match