Fork of SVG fundamentals

100%

Fork of SVG fundamentals

✓ Published1🌍 Public

Last edited Jan 20, 2025

Created on Jan 18, 2025

This example reproduces Sol LeWitt’s wall drawing from a 2021 CT Public article, using raw SVG elements in an HTML page with JavaScript. The code defines a simple static composition, relying on commented-out JavaScript lessons that explore variables, functions, and objects. The SVG canvas is 960×500 pixels, with margin and overflow styles reset for full view. No external libraries are loaded; the drawing depends entirely on the inline `<svg>` markup and the browser’s native rendering. The piece focuses on geometric structure typical of LeWitt’s conceptual art, presented without interactive behavior or data-driven updates.

AI-generated description

A Reproduction of Sol whiett.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of SVG Fundamentals - Sol LeWitt repro follow-along

This example reproduces a Sol LeWitt art piece using dynamically generated SVG rectangles. The code creates 100 vertical black bars, each 10 pixels wide, evenly spaced across the full window height, filling the browser viewport. It uses the Document API (`createElementNS`) to build SVG elements from scratch within JavaScript rather than a dedicated visualization library. The rendering approach directly mirrors LeWitt’s geometric, minimalist style by iterating through a fixed count of shapes.

MMichael Gomersall

88% 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 Fork of JS and d3

This example is a simple reproduction of a Sol LeWitt-inspired drawing, created with plain JavaScript and the SVG DOM API. It renders 100 vertical rectangles, each 10 pixels wide, spaced 20 pixels apart across a 960 by 500 pixel canvas, filling the viewport without margins. The code directly manipulates SVG elements via `document.createElementNS` and `setAttribute`, demonstrating a minimal, non-D3 approach to generative art. The static composition highlights the geometric repetition characteristic of LeWitt’s wall drawings.

Ppiekarczvk@gmail.com

87% match

Loading thumbnail…

Fork of Sollewitt repro vertical

This example reworks a Sol LeWitt-inspired wall drawing using the browser’s JavaScript API. It shows a full-window SVG canvas with a single green square rectangle placed at the top-left corner. The code constructs the SVG element and its child rect via `document.createElementNS`, sets their width and height attributes, and appends them to the page body. The visualization focuses on the fundamental process of programmatic SVG generation. A commented-out section hints at a circular mask and layered stripes, but the active code renders only the basic rectangle.

Mmuhmdabdollahi@gmail.com

87% match

Loading thumbnail…

Fork of Fork of SVG Fundamentals

This example reproduces a Sol LeWitt–style drawing by generating vertical black bars across the full browser viewport. The code creates an SVG element sized to the window’s inner dimensions and appends a series of `<rect>` elements spaced 20 pixels apart, each 10 pixels wide and as tall as the window. It uses the JavaScript DOM API (`createElementNS`, `setAttribute`, `appendChild`) to build the SVG programmatically. The resulting composition is a minimalist grid of alternating stripes, driven entirely by the current window size.

SSimon Krukowski

86% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt wall drawing using raw JavaScript and the SVG API. It generates a grid of horizontal and vertical stripes, masked by two inverse circular masks to create a composition of intersecting lines. The code directly creates SVG elements via `document.createElementNS`, setting attributes for rectangles and masks to control the visible pattern. The rendering is dynamic, adapting to the browser window's full width and height.

DDilara Bozkurt

85% match

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

85% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction

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.

PPriyanshu Sahu

85% match