Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

W3 circles

Public visualization

Viewing a saved revision (read-only)

c615031918164236882e282a0220fd7b

W3 circles

0 stars0🌍 Public

This example shows a grid of 10,000 empty circles arranged in a staggered pattern across the full browser window. The rendering approach creates a generative art piece in the spirit of Sol LeWitt, using raw SVG elements created via the Document Object Model API. Each circle is styled programmatically with a thin black stroke and no fill, with positions calculated in a nested loop that offsets columns and rows. The code uses `document.createElementNS` with the W3 SVG namespace and sets circle attributes like `cx`, `cy`, and `r` through inline style properties.

AI-generated description

Inspiration Curran's live streaming

Exercise options:

Reproduce any Sol LeWitt piece.

Create generative art in the spirit of Sol LeWitt.

Add animation to what we’ve created (e.g. rotation).