Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt Reproduction in d3

Public visualization

Viewing a saved revision (read-only)

bbdae34e797c42df8e3bf31164b9c92f

Sol LeWitt Reproduction in d3

0 stars0🌍 Public
Uulrichzhan
Last edited Sep 27, 2023
Created on Sep 27, 2023
Forked from HTML Starter

This example reproduces a Sol LeWitt-inspired drawing using D3.js, rendering a grid of horizontal and vertical black-and-white stripes on an SVG canvas. The SVG is populated with 100 rectangles in each orientation, using D3’s selection and `join` API to bind data to elements. Two circular masks, defined in D3’s `append` and `attr` calls, clip the stripes so that only a central circular region is visible, creating a geometric optical effect against the full-screen canvas.

AI-generated description

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

See also React Starter.