{"version":"1.0","type":"rich","title":"rendering data with react and d3","description":"The example renders a full circle pie chart where each slice represents a single CSS named color, colored with its own RGB hex value. It loads color data from a CSV file using `d3.csv`, then maps each row to an SVG path via React's `map` function. The chart is drawn with `d3.arc` and `d3.pie` inside a React component, which updates the SVG output as data loads.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b6457c06db6545d0b5e7588b984f78eb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}