{"version":"1.0","type":"rich","title":"Visualizing Data with Reach and D3","description":"This example visualizes CSS named colors as a radial burst, with each color represented by a wedge of equal angular size arranged around the center. The code loads the color data from a CSV file using `d3.csv`, then uses React hooks (`useState`, `useEffect`) to manage the asynchronous data loading and trigger a re-render. D3’s `pie()` and `arc()` generators compute the wedge shapes, which are rendered as SVG `<path>` elements with fill colors taken directly from the dataset’s hex values. The visualization updates dynamically once the data arrives, showing the full spectrum of named colors in a compact, circular layout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/453c7ad5edbe4aee9fb6fe07fe63ea35?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}