Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Gradient Grid

Public visualization

Viewing a saved revision (read-only)

c606342f72b54ff48c5c9a2010499669

Gradient Grid

0 stars0🌍 Public
Sscheenmi@gmail.com
Last edited Dec 10, 2023
Created on Dec 3, 2023
Forked from Component Template

A 3×3 grid of rectangles displays a static gradient of grayscale tones. Users select a column value from a menu, triggering a transition that outlines rectangles in the selected column and those before it with a red stroke. The visualization uses D3 v7’s selection, data join, and transition API to animate the SVG elements. The fixed grid data is hardcoded, and the menu is built with D3’s `dispatch` and standard HTML select elements.

AI-generated description