{"version":"1.0","type":"rich","title":"Visualizing Data with React and D3","description":"This example shows a React application that loads a CSV of named CSS colors from a GitHub gist and renders each color as a horizontal strip, stacking them to form a full-width palette. The code uses React’s `useState` and `useEffect` hooks to fetch the data asynchronously with D3’s `csv` function, then maps over the resulting rows to create colored `<div>` elements. A loading message appears until the dataset arrives, and the sidebar displays metadata about the file size, row count, and column count.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/87352a1d15df4cf39d02b8d424d4d5b5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}