{"version":"1.0","type":"rich","title":"Circles with D3 - Thunderstorm","description":"This example builds a stylized thunderstorm scene using D3’s selection and data-join methods (`select`, `selectAll`, `data`, `join`) to render two groups of shapes. A cloud is composed of ten overlapping circles, each positioned with explicit `cx`, `cy`, and `r` attributes and given a semi-transparent fill color from a hardcoded array. The lightning bolt is a single SVG path element with a yellow fill and stroke, defined by a static `d` string. The visualization uses D3 v7 in an SVG container with a fixed beige background.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ff181920b46d4834bae637af1c95670b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}