Skip to main content
SimilarExport ZIP
100%

Using Symbols/Symbol - D3 Version Sol LeWitt Reproduction

✓ Published1🌍 Public
EEdgar Cortez
Last edited Feb 9, 2023
Created on Feb 9, 2023

This D3.js reproduction of a Sol LeWitt artwork generates an intricate grid of overlapping horizontal and vertical lines. The piece creates a dynamic visual interplay where lines are selectively revealed through two inverted SVG masks, each containing a large circular symbol. The code uses `d3.select`, `d3.append`, `d3.range`, and `d3.symbol` from D3 v6.6.1 to construct the SVG output. It renders 100 rectangles in each direction, with widths and heights calculated from the window dimensions, positioning the circular mask symbols at the canvas center.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sol LeWitt con D3 - Symbols

This example recreates Sol LeWitt-style geometric art using D3 v6, generating a grid of horizontal and vertical rectangles in SVG. Two masks, each containing a large D3 symbol path, cut circular holes through the intersecting lines, creating overlapping negative space. The visualization uses `d3.select`, `d3.range`, `d3.symbol`, and `d3.symbols` to construct the shapes programmatically, with masks applied via D3's selection and call methods. A third triangle symbol appears on the left, rendered with `d3.symbolTriangle`.

SSergio
90% match
Loading thumbnail…

Refactored Symbol Mask - D3 Version Sol LeWitt Reproduction

This piece reproduces a Sol LeWitt drawing using D3.js. It renders two masks—one inverted—that apply overlapping patterns of thick vertical and horizontal lines across the full canvas. The lines are generated as SVG rectangles, with each set filtered through a different mask to create the geometric interplay. Built with D3 v6, it uses `d3.symbol`, `d3.range`, and `d3.select` to construct the SVG output dynamically.

EEdgar Cortez
89% 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
89% match
Loading thumbnail…

Full Sol LeWitt Reproduction With D3 with multi symbols

A generative artwork reproduces Sol LeWitt's geometric style using D3.js and React. The SVG canvas displays interlocking horizontal and vertical lines, masked by D3 symbols (circles, crosses, diamonds, squares, stars, triangles, and wye shapes) positioned across the middle. Two masks invert the symbol fills to selectively reveal the line grid, creating layered visual intersections. The code uses `d3.select`, `d3.range`, `d3.symbols`, and `d3.symbol` to render 100 rows and columns with 10-pixel line weights.

Wwgloss
89% match
Loading thumbnail…

Sol LeWitt Reprod D3 symbols AG

This example recreates a Sol LeWitt-inspired geometric composition using D3.js. It shows a grid of thin horizontal and vertical rectangles layered to create a woven texture, with two central plus-shaped masks cutting away portions of the pattern. The code uses `d3.select`, `d3.range`, and `d3.symbol` to generate SVG elements, applying `mask` attributes to hide or reveal the intersecting lines. Two mask layers, one inverted, define the contrasting positive and negative spaces at the center of the piece.

Gguththered
89% match
Loading thumbnail…

Sol LeWitt Reproduction with D3 Exercise

This visualization reproduces a Sol LeWITT-style geometric composition using overlapping horizontal and vertical line grids. Four mask layers alternate line orientations and symbol shapes—including circles, diamonds, crosses, and triangles—to create a rhythmic interplay of foreground and background elements. The code uses D3 selections, `range`, `symbol`, and `symbols` APIs to generate SVG rectangles and paths, with masks defined via `renderMask` to invert or combine patterns across the full viewport.

Kkathrynrbernard
89% match
Loading thumbnail…

Full Sol LeWitt Reproduction with D3

This interactive SVG reproduction of a Sol LeWitt piece uses D3 to generate a grid of horizontal and vertical stripes. The code defines two masks that selectively reveal or hide the stripes based on a series of symbol-shaped paths, creating a dynamic and layered geometric composition. The program uses D3's `select`, `range`, `symbol`, and `symbols` functions to build the SVG elements and masks, with the rendering adapting to the window size. The artwork's behavior is driven entirely by the mask transformations and symbol generation.

Rrwata97
88% match
Loading thumbnail…

Full Sol LeWitt Reproduction with D3.js

This example reproduces a Sol LeWitt art piece using D3.js and SVG. It generates a grid of horizontal and vertical rectangles, then applies two masks that shape the visible pattern. The masks are created with D3’s `symbol` and `symbols` APIs, placing geometric symbols in alternating black-and-white fills to selectively hide or reveal parts of the grid. The code uses `select`, `range`, and `.join()` to efficiently render the elements, with the rendering confined to the full browser viewport.

MMarcus Vinicius da Silveira Richa
88% match