{"version":"1.0","type":"rich","title":"vol","description":"This visualization displays a grid of 20 colorful rectangles arranged in a responsive layout, where each rectangle’s height and width are fixed but their positions depend on the window width. The SVG renders on a warm beige background, with each shape colored by cycling through a palette of six hues based on the rectangle’s index. The code uses D3 v6 to select the chart container, append an SVG element, and bind data via the `.join()` method. The number of columns is computed from the available width, creating a dynamic arrangement that adapts to the viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/49c446da8ac14119b9e5ebadece5043e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}