Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol Lewitt Reproduction with D3

Public visualization

Viewing a saved revision (read-only)

2ee11b2f21874d5b83faafe918b2f93a

Sol Lewitt Reproduction with D3

0 stars1🌍 Public
PPhan Nguyen
Last edited Mar 8, 2023
Created on Mar 8, 2023

This visualization reproduces a Sol Lewitt wall drawing using D3.js in a React application, rendered as SVG. It displays a grid of horizontal and vertical thin rectangles that are masked to reveal a circular window at the center, creating an overlapping pattern reminiscent of Lewitt’s geometric art. The code uses `d3.select` and `d3.range` to generate 100 rects in each direction, while SVG `mask` elements with circle shapes control visibility. The example demonstrates data-driven SVG generation and masking techniques without external data sources.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.