{"version":"1.0","type":"rich","title":"visualize with react","description":"This example uses React to render a radial burst visualization from a CSV of color data loaded via D3’s `d3.csv`. The React component manages state with hooks, creating a pie layout via `d3.pie()` and generating SVG paths with `d3.arc()`. Each slice’s fill color comes directly from the row’s `RGB hex value` field, producing a sunburst-like pattern centered on the SVG canvas. The visualization displays while the data loads, using a simple loading prompt before rendering the interactive-free, static graphic.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dc015e08e23c4fbba558f12b994de7a7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}