Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Full So LeWitt Reproduction with D3

Public visualization

Viewing a saved revision (read-only)

48c8f8bde7f74ecda4a3bbaa8dbe5d3f

Full So LeWitt Reproduction with D3

0 stars1🌍 Public
Mmax-31
Last edited Aug 25, 2022
Created on Aug 25, 2022

This example reproduces a Sol LeWitt-style drawing using D3.js. It renders a full-screen SVG with two sets of evenly spaced horizontal and vertical lines, creating a grid. Two masks are applied to the line groups, each utilizing a circle symbol generated by D3’s `symbol` API with a large radius, effectively cutting circular holes in the grid pattern. The code uses D3’s `select`, `range`, and `symbol` functions, with the second mask inverting the circle’s fill to create a complementary visual effect.

AI-generated description

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

See also React Starter.