{"version":"1.0","type":"rich","title":"Fork of Visualization of data using React","description":"This example shows a pie chart with one wedge per data row, colored by a hex value from the CSV and rendered as an SVG. It loads a sample sales record from a GitHub gist using `d3.csv`, then passes the parsed data to React state via `useState` and `useEffect`. The chart uses `d3.pie()` and `d3.arc()` with an outer radius equal to the SVG width, and maps each pie slice to a `<path>` element. The code also includes an unused `message` utility that reports list length and column count.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dc6e7fe7e3924ffbbe7d6fedeb95c39d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}