Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction

✓ Published0🌍 Public
JJC Hizarsa
Last edited Jul 1, 2024
Created on Jul 1, 2024

A grid of dark gray squares, each containing a subtly rotated pattern of lighter gray lines, reproduces a Sol LeWitt wall drawing. The composition evolves from a uniform arrangement into a dynamic field where adjacent cells vary in line density and orientation. Built with D3.js, the visualization uses `d3.range` to generate the grid and `d3.select` with SVG `<path>` elements to draw each cell’s lines. The rendering is entirely procedural, with no external data, deriving all visual variation from mathematical randomness seeded within the code.

AI-generated description

A reproduction of a Sol LeWitt art piece. Following along with the D3 course from freeCodeCamp.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt reproduction

This example reproduces a Sol LeWitt wall drawing as a dynamic, algorithmic visualization. It shows a grid of colored squares whose hues gradually shift and blend over time, creating a living, patterned composition. The work uses D3.js to construct and manipulate SVG elements, with colors derived from an interpolated palette. The rendering relies on JavaScript timers or animation frames to cycle through color values, updating the fill of each rectangle to mimic LeWitt’s serial, rule-based aesthetic. The code is minimal, containing no external data or complex geometry, focusing purely on the interplay of color and grid structure.

PPolydexter
88% match
Loading thumbnail…

Sol LeWitt Reproduction D3

This D3.js reproduction of a Sol LeWitt art piece uses two sets of alternating horizontal and vertical grid lines made of thin rectangles, each set partially hidden by a circular mask. The first mask reveals a white circle on a black background, while the second shows the inverse, creating a visual interplay between the two line orientations. Built with the d3 `select`, `range`, and `symbols` APIs, the SVG rendering fills the entire browser window and uses 100 lines in each direction. The piece references LeWitt’s geometric wall drawings, translating his grid-based concept into dynamic, screen-filling linework.

AAndrey Matukhno
88% match
Loading thumbnail…

Sol LeWitt Reproduction D3

This visualization reproduces a Sol LeWitt drawing using D3.js, displaying a grid of alternating horizontal and vertical black lines that form a circular pattern. It uses SVG masks with two complementary circular cutouts to create the intersecting line effect. The code leverages D3’s `select`, `range`, and `join` APIs to generate and bind 48 rectangles in each orientation, with each set masked to reveal only the portion inside or outside the circle.

Ttverdone
88% match
Loading thumbnail…

Sol LeWitt Reproduction in D3

This example recreates a Sol LeWitt-inspired geometric composition using D3.js. It renders a grid of horizontal and vertical SVG rectangles across the full window, with each set masked to reveal intersecting circular cutouts at the center. The visualization relies on d3.select, d3.range, and SVG mask elements to layer two sets of stripes, alternating black and white fills within the circles. The result is a clean, minimal pattern that mimics the artist’s systematic approach to drawing, with no data input beyond the generated grid dimensions.

Mmaciekawsq@gmail.com
88% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

This piece recreates a Sol LeWitt wall drawing using D3.js to generate layered, mask-based geometric forms. It displays a grid of horizontal and vertical lines that intersect within a central circular region, creating a dynamic visual pattern. The code uses the D3 selection API and raw SVG elements, employing two circular masks to selectively reveal the line structures. The rendering is dynamically sized to fit the browser window, producing an interactive, generative art experience.

Ssean@wall.ninja
88% match
Loading thumbnail…

Sol LeWitt Reproduction (D3)

This example reproduces a Sol LeWitt-style wall drawing using D3.js, generating a grid of black vertical and horizontal lines across the full browser window. The code computes line positions from fixed gaps between margins, creating 18 vertical and 9 horizontal lines with red strokes on the vertical set. It renders as SVG via D3 selections and the `join()` method, using `d3.range`-like loops and data arrays built from `window.innerWidth` and `innerHeight`. No external dataset is loaded; the drawing is purely generative.

AAlpineStranger
87% match
Loading thumbnail…

Sol LeWitt reproduction with d3

This example reproduces a Sol LeWitt wall drawing using D3.js, rendering a grid of intersecting horizontal and vertical rectangles as SVG elements. The artwork shows a dense cross-hatch pattern that gradually disappears within a central circular region, creating a stark contrast between the outer textured area and the empty circle. The code generates 100 lines in each direction using `d3.range` and `selectAll(...).join('rect')`, then applies two SVG masks (`inner-mask` and `outer-mask`) to selectively reveal or hide the lines. The piece scales to the full browser window size.

AAngela Kochoska
87% match
Loading thumbnail…

Sol LeWitt Reproduction

This reproduction of a Sol LeWitt art piece uses an SVG canvas to display a geometric, rule-based composition. The visualization shows a grid of intersecting lines and shapes that mimic LeWitt’s algorithmic style, with the code relying on basic JavaScript to generate the pattern programmatically. The rendering uses the SVG `width` and `height` attributes, while the script defines simple functions and variables to control the placement and repetition of forms. Although the provided HTML includes commented-out code for adding numbers or objects, the active script does not yet implement any interactive or dynamic behavior, leaving the static drawing as the core output. The approach highlights how minimal coding can emulate conceptual art.

IIndranil Biswas
87% match