Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction with D3 - Different shape

Public visualization

Viewing a saved revision (read-only)

f3a11014235349818a2ae534d5a0882c

Sol LeWitt Reproduction with D3 - Different shape

0 stars1🌍 Public
KKhanin Sisaengsuwanchai
Last edited May 16, 2023
Created on May 16, 2023

This example recreates a Sol LeWitt-inspired drawing using D3 to generate a grid of thin horizontal and vertical bars. Two SVG masks, each containing a large star-shaped path created with the `d3.symbol` API, are applied to the grid so the bars remain visible only within the star’s silhouette. The first mask uses a black background with a white star, while the second inverts the pattern, producing contrasting filled and striped regions. The visualization is rendered entirely in SVG, with coordinates calculated from the window dimensions via D3’s `select` and `range`.

AI-generated description

An apporoximation of Javascript visualization using D3