Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Compact Squares with random Opacity

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed