{"version":"1.0","type":"rich","title":"Rendering data as a pie chart with React and D3","description":"A pie chart visualizes the relative frequency of CSS named colors by rendering each color as a slice of equal size, filled with its corresponding RGB hex value. The example loads color data from a CSV file using `d3.csv`, then computes the pie layout with `d3.pie` and generates SVG paths via `d3.arc`. React manages the component state and renders the SVG elements, while D3 handles the data loading and geometric calculations. The visualization highlights the color names themselves, with each slice showing the actual color it represents.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/155301b512b84ad5b8f5f7f9208e76b7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}