Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Compact Squares with random Opacity

Public visualization

Viewing a saved revision (read-only)

222f4249b703465e8655335009ae1584

Compact Squares with random Opacity

0 stars0🌍 Public
NNita
Last edited Mar 6, 2020
Created on Mar 6, 2020

A grid of compact squares forms a large square, each cell filled with a radial gradient that creates a Saturn-like color blend. The visualization is generated entirely in React, rendering SVG rectangles in a nested loop with no spacing between them, and applies a drop-shadow filter for subtle depth. The opacity is noted in the code but remains commented out, so all squares render at full opacity. The layout is computed from fixed dimensions, with a 960-pixel side and 30-pixel cells, producing a 32-by-32 matrix.

AI-generated description

React Starter code.