{"version":"1.0","type":"rich","title":"Use d3 arcs","description":"This example visualizes a dataset of CSS named colors as a pie chart, with each slice filled using its corresponding RGB hex value. The visualization leverages React state to manage asynchronous data loading via D3’s `csv` utility. D3’s `pie` generator computes the arc angles, while the `arc` function renders the SVG paths. The chart is centered on an SVG canvas, and the data source is a remote gist containing color names and hex codes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7e997491e1a74c1c93598ced3f3001da?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}