{"version":"1.0","type":"rich","title":"Trying Squares","description":"A grid of fifteen colored rectangles renders a fixed dataset of five values repeated three times, with each rectangle’s width proportional to its value and its fill assigned a random RGB color via the custom `getRandomColor` function. The React component uses `d3.sum` to compute total width and `d3.selectAll` to append SVG `rect` elements, while the `FaceContainer` wrapper translates the group into the SVG canvas. D3 v7 and React 18 combine to generate the static layout without interaction.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0d709ebf39e54115808ac462dff38ce5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}