Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

W3 circles

Public visualization

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).

Comments

Sign in to join the discussion.

MIT Licensed