{"version":"1.0","type":"rich","title":"Rendering data with React","description":"This example renders a color palette as a pie chart, with each slice representing a color from data loaded from a CSV file. The visualization uses React to manage the application state and render the SVG, while D3’s `pie` and `arc` functions compute the slice geometry and paths. The data is fetched asynchronously via `d3.csv` from a remote URL, and each slice’s fill is set from the CSV’s ‘RGB hex value’ column. The chart is centered by translating a group element to the middle of the SVG canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/352273c1f2054ba3ae050e52e133e1f5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}