{"version":"1.0","type":"rich","title":"Fork of Rendering Data with React","description":"This example displays a color wheel of CSS named colors, with each color rendered as a wedge-shaped path arranged in a circular layout. It loads color data from a CSV file using `d3.csv` and renders the visualization with React components and SVG paths. The `d3.arc` generator computes the wedge shapes, while React’s `useState` and `useEffect` manage the asynchronous data loading and component rendering. The color fill for each path comes directly from the RGB hex value column in the dataset.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/da423ce630e44068899e1a9354fc4909?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}