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)

639a3dfc1d694956a3dc10f2af1f1280

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.