{"version":"1.0","type":"rich","title":"Loading data with React & d3","description":"This example shows a pie chart of CSS named colors rendered as SVG, where each slice represents one color from a CSV dataset loaded from a GitHub gist. Using React state, the `useEffect` hook triggers `d3.csv` to fetch the data, and conditional rendering displays a loading message until the data arrives. The `d3.pie` and `d3.arc` functions compute the pie layout, with each colored path fill derived from the hex value column. The dataset contains 148 color rows with columns for name and RGB hex value.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}