{"version":"1.0","type":"rich","title":"Visualizing Data with React & D3","description":"A full-screen color wheel displays every named CSS color as a single pie slice, with each path filled by its corresponding hexadecimal value from an MDN dataset loaded via `d3.csv`. Built with React hooks (`useState`, `useEffect`) and D3 v5, the visualization uses `d3.pie()` to compute angles and `d3.arc()` for the radial geometry. All slices share equal values, so the wheel’s proportions directly reflect the dataset’s composition. The SVG renders seamlessly within React’s declarative component structure.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/26e56577823f4a6cb91d9bc85ebbbdef?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}