{"version":"1.0","type":"rich","title":"Circular Geometric Patterns","description":"This example renders a geometric pattern of eight circles arranged in a circular layout, with a blue polyline connecting their centers. Using React and D3 v5, the code computes circle positions from trigonometric functions, sizes each circle by the segment length between adjacent points, and draws the connecting path via `d3.line` with `curveLinearClosed`. The static SVG visualization is centered on a 960×960 canvas, with circles stroked in light gray and the polyline highlighted in blue.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/57f07f2acbbb45f8aaaafd1b4b3a20fa?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}