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)

cdcb1d6a66c9477ca537aa925117c7ba

Sol LeWitt Reproduction with D3

0 stars1🌍 Public
EEzhil-Kalai
Last edited Feb 23, 2023
Created on Feb 23, 2023
Forked from SVG Fundamentals

This example reproduces a Sol LeWitt-inspired drawing using D3.js within a React framework. It displays a grid of thin, evenly spaced horizontal and vertical bars rendered as SVG rectangles. Two circular masks are applied to these rectangle groups, causing the horizontal bars to fade out in the center and the vertical bars to fade out in a ring pattern, creating a subtle visual interplay. The code leverages D3's selection and range APIs to generate the marks efficiently.

AI-generated description

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

See also React Starter.