{"version":"1.0","type":"rich","title":"Representing Data using React and D3","description":"This example displays CSS named colors as a radial burst, with each color occupying an equal wedge of a pie chart. It uses React hooks (`useState` and `useEffect`) to load a CSV of color data via D3's `csv` utility, then renders the chart as SVG paths. The pie layout is computed with `d3.pie()` and each arc is drawn using `d3.arc()` with an inner radius of zero. The fill for each path comes directly from the `RGB hex value` column in the dataset.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bf067062cacf48b584d3dc0d400c31ec?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}