Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3_one

Public visualization

D3_one

0 stars1🌍 Public
GGabriel Ing
Last edited Dec 12, 2024
Created on Dec 12, 2024
Forked from Fun-animation

A vertical gradient of colored rectangles fills the screen, with hues shifting from dark to light across the horizontal axis. The visualization uses D3.js (`d3.select`, `d3.range`) to generate and position the rectangles, each with a fixed width and a computed RGB fill. A circular mask, created with `d3.symbol` and applied via SVG `mask`, reveals only the central area of the gradient, leaving the rest dimmed. The code sets up an SVG canvas sized to the browser window and animates a smooth transition on the body element over 10 seconds.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed