{"version":"1.0","type":"rich","title":"Data Viz Pie chart","description":"This visualization displays the CSS named colors as a pie chart, with each slice colored according to its corresponding hex value. The chart renders all color categories as equal-sized arcs using React to manage the data loading state and D3’s `csv` utility to fetch the dataset from a GitHub gist. Slices are drawn with `d3.arc` and `d3.pie` methods, producing an SVG output inside a React component. The example demonstrates a straightforward integration of React for UI state with D3 for data parsing and geometric layout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/175d579d35e6426cbdbac2f86343b81c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}