{"version":"1.0","type":"rich","title":"Importing Data and Pie Chart","description":"This example demonstrates how to load a CSV dataset with D3 and render it as a pie chart in a React application. The chart visualizes the distribution of named CSS colors, using each row as a slice of equal size. The App component fetches the data with the `csv` function from d3-fetch, stores it in React state via the `useState` and `useEffect` hooks, and then maps the parsed rows to SVG paths using the `pie` and `arc` generators from d3-shape. The fill color of each wedge is taken directly from the `RGB hex value` column, creating a full spectrum of hues around the circle.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}