{"version":"1.0","type":"rich","title":"AN Scratchpad","description":"A grid of small white rectangles with grey strokes appears on an SVG canvas, arranged in a loose formation based on coordinate pairs. Clicking any rectangle triggers a staggered transition where every block shifts diagonally by a fixed offset, using D3 v4’s `transition().duration()` and `delay()` methods. The animation recalculates each rectangle’s `x` and `y` attributes from updated array values, creating a cascading ripple effect across the entire grid.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-49654d1d555b169323e734e38bc5c439?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}