{"version":"1.0","type":"rich","title":"Fork of Rendering data with React","description":"This example visualizes CSS color names as a pie chart, with each wedge filled using its corresponding RGB hex value. The visualization loads data from a CSV file containing named CSS colors, then maps each color to a slice of the pie using the `d3.arc` generator. React manages the component state and rendering, while D3’s `csv` function asynchronously fetches and parses the data. The pie chart is drawn as SVG paths within a React component, with the arc angles calculated proportionally based on the data array’s length.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0bdb964a70fe4857a205233eb8d8ac3a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}