{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"A radial burst of colored arcs represents all CSS named colors, with each slice filled by its corresponding RGB hex value and sized equally to form a full circle. The example demonstrates asynchronous data loading in React: a `useEffect` hook triggers d3.csv to fetch the dataset from a GitHub gist, storing the parsed rows in component state. Once loaded, d3.pie and d3.arc compute the slice geometry, while React renders each SVG path. Before data arrives, a loading message displays the row count, column count, and file size in kilobytes using d3.csvFormat.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}