{"version":"1.0","type":"rich","title":"practice 1 - Circle overlap or opacity check","description":"This example demonstrates how overlapping circles interact through stroke and fill opacity in D3.js. It displays a series of concentric circles with varying radii and colors, drawn as empty strokes with a fixed width, alongside solid red circles that test opacity effects. A second pair of offset circles illustrates overlap at a different position. The visualization uses D3's selection API to bind data to SVG circle elements, setting radius, position, stroke, and fill attributes directly.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ae751bc064fd4b85a84ab097ff962a1d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}