Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction

✓ Published0🌍 Public
PPrince Kumar
Last edited Mar 17, 2024
Created on Mar 17, 2024

This example reproduces a Sol LeWitt-style wall drawing using a single HTML element with dynamic font sizing. The code sets a large `font-size` value of 222 pixels inside a centered container, rendering the text "Hello World!" as a bold, graphic composition. The primary API used is the native DOM `innerHTML` property, with no external libraries or data sources. The rendering approach is purely CSS-based, relying on inline styles for typography and alignment, mimicking LeWitt’s geometric and text-based aesthetic through minimalist, code-driven design. The example highlights how simple web technologies can emulate conceptual art.

AI-generated description
MIT Licensed

Similar vizzes

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
82% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece as an interactive web page, displaying a series of vertical black bars that repeat across the full height of the browser window. The rendering uses the raw SVG DOM API, creating 100 rectangle elements with `document.createElementNS` and positioning them at 20-pixel intervals. Each rectangle is 10 pixels wide and stretches to the viewport height, producing a clean, minimalist grid pattern that mirrors LeWitt’s geometric style. The code directly manipulates SVG attributes without any additional libraries or data sources.

Hhsleijpen
80% match
Loading thumbnail…

Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt wall drawing using purely geometric forms: a series of vertical rectangles evenly spaced across the full browser window. It renders 100 thin, black bars, each 10 pixels wide and as tall as the viewport, using raw SVG elements created and appended via the Document Object Model (DOM) API. The code does not use any D3 functions or libraries, instead relying on native JavaScript to set the width, height, and position of each rectangle. The piece emphasizes minimal, systematic repetition, echoing LeWitt’s instructional art, with the final output being a static, monochrome composition.

MMatheesha Yapa
78% 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
78% match
Loading thumbnail…

Sol LeWitt Reproduction

This example displays a Sol LeWitt-inspired geometric composition, rendering a series of vertical black bars across a white background. The code creates a full-screen SVG canvas using the native JavaScript `document.createElementNS` API. It draws 100 rectangles, each 10 pixels wide and spaced 20 pixels apart, with heights set to match the viewport’s inner height. The rigid, repeated pattern mirrors LeWitt’s minimalist wall drawings, and the approach directly translates a simple algorithmic grid into scalable vector graphics.

Rroyable88
78% match
Loading thumbnail…

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-inspired geometric composition using raw SVG and JavaScript. It shows a systematic grid of thin, evenly spaced vertical bars that span the full height of the viewport, creating a rhythmic, minimalist pattern reminiscent of LeWitt’s wall drawings. The code creates an SVG container sized to the browser window and appends 100 rectangles, each positioned at increasing x-coordinates with a fixed width, using the `document.createElementNS` API for SVG elements. The rendering relies solely on native DOM manipulation and CSS styling via an embedded stylesheet, with no external libraries beyond a Google Font import for the text styling.

Mmaciekawsq@gmail.com
78% 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
78% 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
78% match