{"version":"1.0","type":"rich","title":"D3_one","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/71d24916474a4e26bbd4b9187eeacc40?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}