{"version":"1.0","type":"rich","title":"Visualizing Data with React and D3","description":"This visualization displays the CSS named colors as a donut chart, with each color represented by a wedge whose fill matches the color it encodes. The data comes from a CSV file listing named colors and their hex values, loaded asynchronously via `d3.csv`. React manages the component state and rendering lifecycle, while D3’s `pie` and `arc` functions compute the angular layout and path geometry. The SVG output is generated declaratively in JSX, with React re-rendering once the CSV data arrives.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a67798f39a6541f1b57ac134a985bacf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}