Dutch Hansen

@dutchhansen·3 public vizzes

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece using D3, rendering nine circles in a sine-wave pattern across an SVG canvas sized to the browser window. The visualization shows how simple geometric elements can create an organic, rhythmic composition. It uses D3's `select` API to append an SVG element to the body and `selectAll('circle').data(data).enter()` to generate the circles, with positions calculated using the `Math.sin` function for the vertical offset. All drawing is done via SVG vector graphics.

May 30, 2023

Loading thumbnail…

D3 intro

D3 intro reproduces a Sol LeWitt art piece by rendering 100 horizontal bars across the screen. D3 selections and the `join` pattern generate the rectangles using the `range` function. Two SVG masks, `circle-mask` and `circle-mask-2`, create a circular cutout through the bars while leaving the surrounding lines visible. The second mask applies a black circle to an otherwise white background, producing a negative space effect.

May 30, 2023

Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece, generating a geometric arrangement of lines and shapes in the browser. It uses d3.forceSimulation to position nodes and compute the drawing’s structure, then renders the result on a blank canvas with SVG or similar D3 drawing methods. The artwork’s composition is driven entirely by the simulation’s layout, with no external data input, creating a generative, algorithmic interpretation of LeWitt’s minimalist style.

May 29, 2023