Fork of Sol LeWitt Reproduction

100%

Fork of Sol LeWitt Reproduction

✓ Published0🌍 Public

Last edited May 9, 2024

Created on May 9, 2024

This example reproduces a Sol LeWitt art piece using an SVG created dynamically in JavaScript. The code creates a blank canvas by appending an SVG element to the page body. It relies on native DOM methods like `document.createElement` and `document.body.appendChild` to render the artwork, with no external libraries or data sources beyond the author’s original implementation. The visualization is minimal, focusing on geometric composition inspired by LeWitt’s conceptual style.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example renders a 960-by-960 SVG canvas and draws a single 100-by-100 rectangle in the top-left corner. It reproduces a Sol LeWitt art piece using the SVG API directly, creating elements with `document.createElementNS` and appending them to the page. The code is minimal, showing the initial stage of the geometric artwork without additional styling or interaction.

Pparaliterary@yahoo.com

90% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece by rendering a single vertical black rectangle against a blank canvas, echoing the minimalist geometric style of the original work. The code creates an SVG element sized to the full browser window and appends a rectangle positioned 100 pixels from the left, with a width of 10 pixels and a height matching the viewport. It uses the raw DOM APIs `createElementNS` and `appendChild` to build the SVG structure without any external libraries. The piece highlights the simplicity of SVG-based drawing, focusing on the interaction between the fixed shape and the responsive window dimensions.

JJulio Costa

88% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using an SVG rendering approach. The visualization displays a grid of horizontal and vertical lines that are masked to create concentric circular patterns at the center of the viewport. The code dynamically generates 100 rectangular strips for each orientation, using inline SVG mask elements to clip the lines into the circular shapes. The piece runs entirely with native JavaScript DOM manipulation, creating the `svg`, `rect`, `mask`, and `circle` elements without external libraries.

AAdekola Aliu

88% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction with Javascript

This example reproduces a Sol LeWitt wall drawing as a generative SVG composition. It shows a series of vertical black bars covering the full height of the browser window, overlaid with horizontal black lines that step diagonally across the canvas. The code uses the Document API to create SVG elements, including nested `rect` and `circle` nodes, with two partially commented-out circle masks that would limit the drawing’s visible area. The piece dynamically sizes to the viewport, using a fixed 20-pixel spacing for vertical bars and a 10-pixel step for the diagonal lines.

IISHAAN DEEP SINGH

87% match

Loading thumbnail…

Fork of Sol LeWitt art reproduction - attempt 2 (JavaScript basics)

This example reproduces a Sol LeWitt art piece using an SVG canvas with a 960x500 viewBox. The code contains commented-out JavaScript tutorials covering basic programming concepts like variables, loops, functions, and object literals. The active script is nearly empty, leaving only the empty SVG element visible on screen, with no additional data or rendering logic implemented yet. The piece relies on the standard SVG API for structure, while the JavaScript groundwork anticipates future geometric drawing commands for the conceptual art reproduction.

Ddsims2157

87% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using raw SVG and JavaScript. It shows a grid of overlapping horizontal and vertical bands, where a circular area in the center is masked to reveal only the vertical lines, while the outer region displays only the horizontal ones. The code builds the SVG via `document.createElementNS`, creates two SVG `<mask>` elements with circle and rect primitives to control visibility, and renders 100 rectangles per axis. No external libraries are used; the rendering entirely relies on native browser SVG APIs.

PPurshotam Bohra

87% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction je

This example shows a generative SVG reproduction of a Sol LeWitt wall drawing, rendered as a series of horizontal bands. The code uses the D3.js selection and data-join API to create 100 rectangular marks, each positioned vertically and sized to cover the full window width. A circular mask, defined in SVG and applied to every rectangle, clips the bands into a circular disk, mimicking the geometric aesthetic of LeWitt’s instructional art. The rendering approach relies on raw JavaScript to construct the SVG elements and apply the mask attribute.

JJeppeOEM

87% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This is a generative art piece that reproduces a Sol LeWitt wall drawing using JavaScript and the Document Object Model (DOM) to create SVG elements. It shows a grid of horizontal and vertical lines, with a central circular region where the line pattern is inverted. The code uses a combination of SVG masks with white and black circles to control which sets of lines are visible in the center versus the rest of the canvas. The lines are drawn as rectangular strips, with spacing and stroke width derived from the browser window's dimensions.

SSalahAnwer-dev

86% match