{"version":"1.0","type":"rich","title":"Rendering Data with React","description":"This example renders CSS named colors as a donut chart, where each color from the dataset is represented by a slice filled with its corresponding hex value. The visualization uses D3 utilities to load and parse the CSV data from a GitHub gist, while React manages the application state and conditional rendering for the loading state. The chart is drawn using SVG paths generated by D3’s arc and pie components, with ReactDOM rendering the final output.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a63a398ef8524481830ad2d50ca1d79d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}