Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt with D3

Public visualization

Viewing a saved revision (read-only)

7e8526ff8f554822a27742c38e548721

Sol LeWitt with D3

0 stars0🌍 Public
NNico-Nico
Last edited Jan 12, 2023
Created on Jan 12, 2023

This example renders a generative art piece inspired by Sol LeWitt, using D3 to create a full-screen SVG composition. It builds a circular mask and overlays alternating horizontal and vertical black bars, demonstrating SVG manipulation through DOM creation methods. The code uses the `selection` import from D3 and constructs elements like `circle`, `rect`, and `mask` programmatically, with the browser’s viewport dimensions determining the canvas size. The result is a geometric pattern that explores the interplay of positive and negative space.

AI-generated description

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

See also React Starter.