{"version":"1.0","type":"rich","title":"PieChart for CSS Colors","description":"This example visualizes CSS color data as a sequence of horizontal bars, each displaying a named color’s RGB hex value as its background. The app loads the dataset from a GitHub Gist using D3’s `csv` utility, then stores it in React state via the `useState` and `useEffect` hooks. Each row is rendered as a `div` element with inline styles for width and height, effectively creating a color swatch list. React 16.9 and D3 v7 are used together, with SVG elements commented out in the HTML template.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2ce20cea0a374537a1b5932f3538a720?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}