{"version":"1.0","type":"rich","title":"using D3 arcs","description":"This example uses D3 arcs to render every named CSS color as a single wedge in a full circle, creating a color wheel from the CSS named colors CSV dataset. The React app loads the data with d3.csv, then uses d3.pie() and d3.arc() to compute the path geometry. Each path’s fill is set directly from the dataset’s RGB hex value column, producing a dense, evenly partitioned ring of colors rendered as SVG inside a React component.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/251e4f976cfd4330b6a8ce5cfb8d87b4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}