Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol LeWitt With D3

Public visualization

Viewing a saved revision (read-only)

8e679441a4b84b918cb6c5c1cb07f9db

Sol LeWitt With D3

1 star4🌍 Public
Jjony6290
Last edited Jun 15, 2023
Created on Jun 12, 2023
Forked from HTML Starter

This example recreates a Sol LeWitt wall drawing using D3.js to render layered geometric abstractions in SVG. The visualization combines horizontal and vertical striped rectangles with concentric arc paths, all filtered through SVG masks that selectively reveal or hide portions of each shape across the viewport. The code uses D3 selections with `range()` to generate repeated elements, `.join()` for data binding, and `mask` attributes to composite intersecting forms. The result is a dynamic, generative composition that responds to the browser window dimensions while echoing LeWitt’s systematic, rule-based artistic style.

AI-generated description

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

See also React Starter.