{"version":"1.0","type":"rich","title":"CS573 - Week 1 - Creative Circles with D3","description":"This example shows a generative composition of randomly placed circles with semi-transparent matching squares inscribed inside them. The sketch uses D3’s data join pattern with `selectAll`, `data`, and `join` to create SVG `circle` and `rect` elements, dynamically sizing them based on random x/y coordinates, radii, and hex colors. A helper function calculates the inscribed square’s dimensions from each circle’s radius, while opacity attributes layer the shapes over a light green background. The rendering is entirely client-side using plain JavaScript and D3 v7.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9a45772013b44f6c90f9248dfc6dcc91?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}