{"version":"1.0","type":"rich","title":"Tree graph","description":"This example demonstrates how to draw and style circles on an SVG canvas using D3.js. It sets the SVG’s dimensions based on the container’s size and renders seven circles with distinct positions, radii, and fill colors from a static data array. The code uses D3’s `select` function and method chaining, including the join pattern to bind data to circle elements and set attributes like `cx`, `cy`, `r`, and `fill`. A semi-transparent opacity is applied to each circle for a layered visual effect.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6399fdff879a492497b4ace71d671bfc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}