Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

full_sol_lewitt_test_with_D3

Public visualization

Viewing a saved revision (read-only)

9d254fe2a51d4f8fb68d101c8f1a6c1f

full_sol_lewitt_test_with_D3

0 stars0🌍 Public
Ggaudi84
Last edited Oct 31, 2022
Created on Oct 31, 2022

This example generates an abstract geometric composition inspired by Sol LeWitt using D3.js, rendering horizontally and vertically striped rectangles across the full browser window. It employs SVG masks with `d3.symbol` and `d3.range` to create two distinct mask patterns—one containing the seven symbol types and another with a duplicated symbol—which selectively reveal the layered line grids. The `select`, `append`, and `join` APIs structure the SVG elements, while the `call` method applies the mask-rendering functions. The code uses D3 version 6.6.1 and dynamically sizes the output to the viewport.

AI-generated description

A demonstration of SVG shapes.