Skip to main content
SimilarExport ZIP
100%

so lewit reproduction using D3.js inbuilt shape 4

✓ Published1🌍 Public
Ddeebanks77
Last edited Nov 28, 2022
Created on Nov 23, 2022

A generative composition reproduces a Sol LeWitt-inspired grid of horizontal and vertical lines, rendered as SVG. The image uses rectangular elements and masks, built with D3.js range, select, and join APIs, along with the symbol and symbols functions. Two masks, rendered with alternating fill values, control the visible line patterns, creating intersecting shapes. The output is data-less, generated purely through algorithmic placement.

AI-generated description

Sunrise/sunset.

MIT Licensed

Similar vizzes

Loading thumbnail…

so lewit reproduction using D3.js inbuilt shape 3

This example reproduces a Sol LeWitt-inspired geometric composition using D3.js v7. It layers two sets of thin rectangles—one horizontal, one vertical—across the full viewport, creating a grid-like pattern. Two SVG masks, each containing a D3 symbol (a cross), selectively reveal or hide portions of the rects by applying alternating black and white fills. The code uses `d3.range` to generate data, `d3.symbol` with `symbolCross`, and `d3.select` to append elements and masks.

Ddeebanks77
92% match
Loading thumbnail…

so lewit reproduction using D3.js inbuilt shape 2

This example reproduces a Sol LeWitt-inspired drawing using D3.js v7, rendered as SVG. It displays two perpendicular sets of thin horizontal and vertical rectangles that form a dense grid over the full viewport. Two circular masks—created with `svg.append("mask")`, `symbol(symbolCircle)`, and inverted black-and-white fills—cut overlapping circular holes in the grid, revealing the background. The code uses `select`, `range`, `join`, and `attr` to generate 100 rectangles per axis, with the `symbolCircle` path defining the mask shapes.

Ddeebanks77
92% match
Loading thumbnail…

so lewit reproduction using D3.js inbuilt shape

This visualization reproduces a Sol LeWitt-style drawing using D3.js v7. It renders horizontal and vertical striped rectangles that are masked to reveal a circle in the center, creating a clean geometric interplay between lines and a circular void. The SVG output uses two separate masked groups: the first applies a white mask with a black circle to horizontal bars, while the second uses an inverted mask for vertical bars. The code leverages D3’s `range`, `symbol`, and `symbolCircle` APIs to generate the shapes and masks programmatically.

Ddeebanks77
91% match
Loading thumbnail…

so lewit reproduction using D3.js inbuilt shape

This example creates an abstract geometric composition by layering two sets of 100 thin horizontal and vertical rectangles across the canvas. Two SVG masks, each containing a row of distinct D3 symbols (circle, cross, and other shapes), selectively reveal or hide the intersecting grid lines. The piece uses D3.js v7’s `select`, `range`, and `symbol` APIs to generate the shapes and masks, with the horizontal and vertical bars alternately shown or concealed depending on the mask’s fill logic.

Ddeebanks77
91% match
Loading thumbnail…

so lewit reproduction D3.js fundamental

This example reproduces a Sol LeWitt–style drawing using D3.js. It generates a grid of horizontal and vertical rectangles, each masked to reveal a circular cutout at the center of the screen. The visualization uses D3’s `select`, `range`, and data joins to create 100 rects in each direction, with SVG masks (`url(#circle-mask)`) alternating black and white fills to control visibility. The code relies on D3 v7 and renders entirely as SVG, filling the full browser viewport with no external data.

Ddeebanks77
88% 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
87% match
Loading thumbnail…

Sol Lewit reproduction using D3

This example creates a generative artwork inspired by Sol LeWitt, built with D3.js and rendered as scalable vector graphics. It draws two sets of alternating horizontal and vertical stripes across the full canvas. Using D3's `select` and `range` APIs, it appends SVG rectangles to a group, each with a `mask` attribute referencing one of two circular masks. The masks, defined with a white or black rectangle and a contrasting circle, create the illusion of two overlapping circular regions, effectively reproducing LeWitt's geometric wall drawing aesthetics through simple, rule-based code.

AAshwani Sajwan
86% match
Loading thumbnail…

Sol LeWitt Reproduction with D3

A generative reproduction of Sol LeWitt’s geometric wall drawings, this example uses D3 to compose a dense grid of horizontal and vertical stripes. Two SVG masks, each populated with a row of distinct symbol shapes, selectively hide or reveal the underlying line work to create layered, patterned intersections. The code leverages `d3.range`, `d3.symbols`, and `d3.symbol` to generate the mask paths, with `selection.call` applying the mask logic to the main SVG. The result is an algorithmic reinterpretation of LeWitt’s systematic, rule-based art, rendered entirely as vector graphics.

Xxyzcorrupt@gmail.com
86% match