{"version":"1.0","type":"rich","title":"D3_","description":"This example renders a single SVG arc using React and D3. The page displays a heading and a small 100x100 pixel SVG containing a path generated by `d3.arc()` with fixed inner and outer radii, plus start and end angles. The arc is drawn via the `d3.arc()` function’s output, which is assigned to the `d` attribute of an SVG path element. The code uses React 17 and D3 v7, with the visualization embedded directly in a JSX component and rendered through `ReactDOM.render`. The data is hardcoded in the arc parameters.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/71141f4438e040b28b0c275b6a0dce74?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}