{"version":"1.0","type":"rich","title":"Rendering Data with D3 and React","description":"A donut chart displays all CSS color names with their corresponding hex values as colored arcs. D3 loads the data from a CSV file, while React state tracks the dataset and manages the loading state. The `arc` and `pie` generators from D3 compute the geometry, with each arc filled using the color’s RGB hex value. The visualization renders as SVG inside a React component, showing the integration of D3 for data loading and chart math with React for UI state management.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1f04c5593ee24ee79a6d84d191cccf58?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}