{"version":"1.0","type":"rich","title":"Rendering Data with React (Colors)","description":"This example renders a pie chart of CSS named colors using React and D3 v7. The visualization displays each color as a slice, with the fill set to the color’s RGB hex value from the CSV data source. React manages the component state and SVG rendering, while D3’s `csv` and `pie` functions load and transform the data, and the `arc` generator creates the paths. The chart updates when the data loads asynchronously.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f9cab95d9d584bc5b42823002ab0a069?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}