Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction Vertical

✓ Published0🌍 Public
FFouzia A.
Last edited Aug 17, 2023
Created on Aug 16, 2023

A generative geometric composition reproduces Sol LeWitt's vertical wall drawing across a CSS grid of nine cells, with triangular polygon clusters forming striped patterns that repeat symmetrically. The central cell layers a dark square rotated 45 degrees over a lighter diamond shape, using SVG masks to clip the pattern. Implemented in JavaScript with D3, the visualization calculates polygon points procedurally and uses `selectAll` with `.join('polygon')` to render shapes, while `d3.symbol` and `symbols` draw the rotated square forms.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Reproduction of Aleksandr Grigoryew using D3

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt Reproduction with D3 Homework

This dataviz shows a colorful, generative reproduction of a Sol LeWitt wall drawing as a series of 60 concentric, star-shaped polygons. Each stroke is randomly assigned an RGB color and scaled outward, creating a layered, geometric pattern that fills the browser window. The piece is rendered as an SVG using D3’s `select`, `range`, and `symbol` API to generate the polygon paths. It uses D3 `7.8.2` and dynamically sizes the canvas based on the viewport’s `window.innerWidth` and `window.innerHeight`.

Aajoua
86% match
Loading thumbnail…

Sol LeWitt Reproduction (2)

This piece reproduces Sol LeWitt’s geometric wall drawing using D3 v7 to generate layered, rotated stripe patterns in SVG. The code uses masks (via `mask.append` and `rectRender`) to reveal distinct sections—vertical black stripes on the left, horizontal green and black stripes on the right, and diagonally slanted purple and orange bands in the lower corners. The rendering is deterministic, based on hard-coded coordinates and dimensions derived from the window size, with no external data source. The final composition is framed by thick black outline paths and a central dividing line, matching the original artwork’s structure.

Xxinyuwangxyw
86% match
Loading thumbnail…

sol lewit reproduction

The visualization reproduces Sol LeWitt's geometric wall drawing style using horizontal and vertical striped rectangles layered and masked into circular and diamond-shaped forms. Built with D3 v7, it uses `select`, `range`, `join`, and `symbol` to generate SVG elements dynamically, with two masks (`#mask` and `#mask-2`) controlling visibility of the overlapping bands. The artwork renders at four times the window width, with dimensions derived from `window.innerWidth` and `window.innerHeight`, producing a large-scale, pattern-based composition.

KKerim
85% match
Loading thumbnail…

Sol LeWitt Reproduction

This generative art reproduction displays a series of vertical SVG rectangles, each with a fixed width of 10 pixels, spaced 20 pixels apart across the full height of the browser window. It draws a minimalist, grid-based pattern reminiscent of Sol LeWitt’s wall drawings, created procedurally using the JavaScript DOM API `document.createElementNS` to build SVG elements. The code loops to place each rectangle, setting its `x` and `height` attributes dynamically based on the window dimensions, though a loop condition error prevents full execution. The piece relies on raw SVG manipulation rather than a charting library.

Wwasti
85% match
Loading thumbnail…

Sol LeWitt Reproduction Final

This example reproduces a Sol LeWitt wall drawing using pure JavaScript and SVG APIs. It shows a grid of horizontal and vertical striped rectangles overlaid with two circular masks, creating a composition of intersecting lines that fade into a central circle. The code builds SVG elements dynamically via `document.createElementNS`, applying a black-to-white mask and an inverted white-to-black mask to reveal alternating line directions. One hundred horizontal strips and one hundred vertical strips are generated in loops, with the masks controlling visibility to form the final geometric pattern.

AAndre J Denais
85% match
Loading thumbnail…

Sol LeWitt Reproduction Vertical

This example reproduces a Sol LeWitt-style geometric composition as a vertical grid of alternating vertical and horizontal stripes. It shows a structured visual pattern where two circular masks define regions of overlap, creating a cross-shaped interplay of lines. The rendering uses plain SVG elements—`rect` and `circle`—with two custom masks (`circle-mask` and `circle-mask-2`) to control which stripes appear in each area. The code dynamically generates 100 vertical and 100 horizontal rectangles, each styled with a distinct mask, to achieve the final layered effect. No external libraries are used; the visualization relies solely on native SVG and JavaScript.

Mmaciekawsq@gmail.com
85% match
Loading thumbnail…

sol lewit reproduction assignment

This visualization reproduces the geometric precision of Sol LeWitt’s wall drawings using D3.js, encoding alternating vertical and horizontal line grids. It renders a series of thin rectangles that are selectively masked by SVG masks containing paths of abstract symbols, creating overlapping patterns of positive and negative space. The code leverages D3’s `select`, `range`, `symbols`, and `symbol` APIs to generate the grids and symbol paths, with masks (`url(#mask0)`, etc.) toggling visibility. The result is a dynamic, screen-sized composition that mirrors LeWitt’s systematic, rule-based aesthetics through algorithmic drawing.

KKerim
85% match
Loading thumbnail…

Sol LeWitt Reproduction vertical

This is a generative SVG reproduction of Sol LeWitt’s wall drawing, shown vertically across the full browser viewport. A circular mask, defined via SVG `<mask>` and a white circle, reveals only the central region of a grid of 100 horizontal and 100 vertical black rects. The horizontal rects are layered beneath the vertical ones and clipped by the mask, creating a contrasting circular window. The piece uses raw JavaScript DOM manipulation with `document.createElementNS` to build the SVG elements dynamically, with no external libraries.

Lliu yang
85% match