{"version":"1.0","type":"rich","title":"Show Data with React & D3","description":"A React application renders a donut chart from CSS named colors data fetched as CSV. Each color value becomes a pie slice, filled with its corresponding RGB hex value. The visualization uses React's `useState` and `useEffect` hooks to load data asynchronously, then leverages D3 v7's `pie` layout and `arc` generator to compute SVG path geometry. The chart is drawn using SVG `<path>` elements within a React-generated `<svg>` container.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3cc77877dc1f4113b36b25a88a38ef30?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}