{"version":"1.0","type":"rich","title":"Rendering Data with React & D3","description":"This example displays every CSS named color as a single path filling a semicircular fan, with each color’s RGB hex value used as the fill. The visualization uses React’s `useState` and `useEffect` to fetch the CSV data, then maps each row to an SVG `<path>` generated by the D3 `arc()` generator. The chart renders via React’s virtual DOM, while D3.js v5 handles the data loading and geometry calculation, producing a static, non-interactive radial color catalog.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e72b41146c3a467abb2a21a5399281c8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}