{"version":"1.0","type":"rich","title":"Circles Effect at the junctions","description":"This example shows a grid of 100 small squares arranged in a 10 by 10 layout, with each square filled by a semi-random RGB color that varies based on its position and a random factor. The visualization renders the grid using React and SVG, creating each rectangle through nested `Array.map` calls that generate the x and y coordinates. The outer border of the entire grid is drawn as a larger square, and the code applies a stroke width of 5 pixels to both the individual rects and the outer boundary. The color fill uses the `rgb()` function with a fixed red value, a random green component, and a blue value derived from the square’s position.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}