{"version":"1.0","type":"rich","title":"Render data with React & D3","description":"A pie chart displays the CSS named colors from a CSV file, with each color rendered as a slice filled with its corresponding RGB hex value. Using React for component state and lifecycle management, the example fetches data via `csv` from D3 v5, then computes the pie layout with `pie()` and draws the arcs with `arc()`. The chart is rendered as SVG within a React component, with the D3 `pie` function assigning equal values to each slice.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/54381bfda9004f42b59e891a0dfa29a8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}