{"version":"1.0","type":"rich","title":"Rendering Pie Chart with React & D3","description":"This example visualizes CSS named colors as a pie chart, with each slice representing one color and filled with its corresponding hex value. The chart uses React to manage component state and rendering, while D3 utilities handle data loading and geometry: `d3.csv` fetches the color data, and `d3.pie` and `d3.arc` compute the slice angles and paths. The visualization initially displays a loading message until the data arrives, then renders an SVG with equal-sized slices arranged in a full circle.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6553d8e438e74023a0d3ecc689ffed7b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}