{"version":"1.0","type":"rich","title":"Fork of React Starter","description":"This example shows a grid of 40 by 60 red squares arranged across an SVG canvas, with each square’s width and height varying according to the cosine of its row index, creating a wave-like pattern of alternating sizes. The code uses React to render the SVG elements, with ReactDOM mounting the App component into the page. D3’s `range` function generates the row and column coordinates, while custom `makeSquare` functions produce the rectangles. The visualization demonstrates how React and D3 can be combined to generate dynamic, data-driven SVG layouts.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/051ddb7deae14f90b7117c90894884fb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}