Skip to main content
SimilarExport ZIP
100%

Sol LeWitt Reproduction with D3 Homework

✓ Published0🌍 Public
Aajoua
Last edited Jan 26, 2023
Created on Jan 25, 2023

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`.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

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 with D3

This example reproduces a Sol LeWitt wall drawing using D3.js, building an SVG scene with horizontal and vertical rectilinear bands. The code creates 100 horizontal stripes, each 10 pixels tall, and applies an SVG circular mask to reveal a circular cutout. A second complementary mask isolates a circular region for vertical stripes, creating an intersecting pattern. Rendered entirely through SVG elements, the piece uses D3’s `select` and chained `append`/`attr` methods for DOM construction, with data driven by a simple loop. The visualization fills the browser window, reflecting the code’s dependence on `window.innerWidth` and `window.innerHeight`.

JJinpeng Li
87% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

A generative reproduction of a Sol LeWitt wall drawing uses D3 selections, data joins, and SVG masks to compose layered striped patterns. The code generates 100 horizontal and vertical rectangles and applies two masks, each containing different D3 symbol shapes, to carve alternating geometric forms across the grid. Masks are constructed programmatically via a reusable `renderMask` function, toggling between inverted and non-inverted fills. The example relies on `d3.range`, `d3.symbols`, `d3.symbol`, and method chaining to build the full composition dynamically based on the viewport size.

Vvivhogan@gmail.com
87% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt wall drawing using D3.js, displaying a grid of horizontal and vertical bars that intersect within two circular regions. The visualization shows a geometric pattern where a circle in the center masks horizontal lines, and a second ring-shaped mask reveals vertical lines around it. The code uses D3 selections and the `range` function to generate 100 rectangles in each orientation, applying SVG masks (`circle-mask` and `circle-mask-2`) to control visibility. The rendering is done entirely with SVG elements, with the artwork filling the full browser window.

Aajoua
87% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

This visualization reproduces a Sol LeWitt wall drawing using D3 to generate a grid of alternating horizontal and vertical bands across the full viewport. Two masks reveal circular cutouts: the first exposes a black circle on a transparent background, while the second creates an inverse pattern. The code uses D3's `select`, `append`, and `join` APIs to efficiently construct SVG rectangles from `range(n)` data, with masks defined via SVG `mask` elements containing `rect` and `circle` shapes, rendering entirely as vector graphics.

Mma-jacobs
87% match
Loading thumbnail…

Sol LeWitt Reproduction with D3 Tests

This D3.js reproduction of a Sol LeWitt artwork generates an SVG pattern of horizontal and vertical stripes across the full browser window. It uses D3’s `select`, `append`, and `range` APIs to create 100 rect elements per orientation, with each stripe masked by a circle that either reveals or hides the stripes. Two masks are rendered with inverted black-and-white fills, creating a circular intersection of differently oriented line fields. The piece visualizes geometric abstraction through code, relying on SVG masks and D3’s data-driven element joins.

HHelip3
87% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece using D3 v6. It displays a grid of vertical and horizontal striped rectangles overlaid with two circular masks, creating intersecting line patterns. The visualization uses `d3.select`, `d3.range`, and the `join` pattern to generate 100 SVG rectangle elements in each direction. Two SVG masks, each containing a black or white circle, selectively reveal or hide portions of the stripes, producing the geometric contrast characteristic of LeWitt’s work. The SVG fills the entire browser window.

AAndre J Denais
87% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt piece, displaying a grid of horizontal and vertical lines masked to reveal a central circle. The artwork uses 100 horizontal and 100 vertical rectangles, each 10 pixels thick, with a circular mask applied to create the intersecting form. Built with D3.js (v6.6.1), the code uses `select`, `range`, and the `append` and `attr` methods to construct and style the SVG elements directly, dynamically sizing the piece to the browser window.

Ttriciascully
86% match