{"version":"1.0","type":"rich","title":"Sean Thornton Circles with D3","description":"This example shows a responsive smiley face built entirely from circles positioned to form the eyes, nose, mouth, and face outline. It uses D3’s `select` and data joins (`join('circle')`) to render seven SVG circles, with coordinates and radii computed relative to the container’s `clientWidth` and `clientHeight`. The code sets each circle’s fill color and opacity directly from a static data array, and the SVG background uses a pale green tone.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/76b6208900e84d8380c282017f0440db?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}