Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt in d3 v2

Public visualization

Viewing a saved revision (read-only)

61ffae0de7884b67bc7b5900bcce5c61

Sol LeWitt in d3 v2

0 stars1🌍 Public
TTobi Olabode
Last edited Nov 6, 2023
Created on Nov 6, 2023
Forked from Sol LeWitt in d3

This example recreates Sol LeWitt's geometric wall drawings using D3 v5. It creates a grid of intersecting horizontal and vertical rectangles on an SVG canvas. Two SVG masks define a circular window, with one mask inverting the other, revealing the line intersections within the circle. The code uses D3's `select`, `range`, and data join operations to generate the 100 rect elements per axis, with dimensions tied to the browser window.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.

Test Heading