{"version":"1.0","type":"rich","title":"Rendering Data (Radial Burst) with React","description":"This example displays a radial burst visualization of CSS named colors, loading data from a CSV of color names and their hexadecimal RGB values. The React component uses the `useState` and `useEffect` hooks to fetch the data with `d3.csv` and store it in state, then renders SVG paths generated with `d3.pie` and `d3.arc` functions. Each slice of the pie chart is filled with its corresponding color, creating a dramatic circular spectrum that spans the full width of the 960x500 viewport. While loading, the app shows \"Loading...\" text until the data arrives.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/40a0d1cdcfd94699a35463f48bf82878?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}