{"version":"1.0","type":"rich","title":"Rendering colors with react and D3","description":"A full-screen color wheel renders all 148 CSS named colors from a CSV dataset, with each color occupying an equal arc around the center. The React app loads the data using `d3.csv`, then applies `d3.pie().value(1)` and `d3.arc()` to generate SVG path elements. Each path is filled using the `RGB hex value` column, creating a complete circular spectrum. The example demonstrates combining React state management with D3's data-joining and geometric layout functions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a44e12c3bb5144ee95b6bd028055fcf9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}