{"version":"1.0","type":"rich","title":"curve graph","description":"This curve graph displays five concentric donut rings, each representing a data value (45, 9, 66, 50, and 100) as a steel-blue arc against a transparent background, with percentage labels positioned along the inner gaps. Built with React and rendered as SVG, the visualization uses D3.js v3’s `d3.svg.arc()` and `d3.layout.pie()` to construct the arcs, mapping each data point to a ring with varying inner and outer radii. The code appends paths and rotates the entire group 180 degrees, while fill opacity decreases with each successive ring to create a layered effect.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/331e47c25aa14fc4b4b40b302fd83ff5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}