{"version":"1.0","type":"rich","title":"Load data using d3","description":"This example demonstrates how to load a remote CSV file containing CSS color names and render each color as a full-screen block using React state. The code imports the `csv` utility from D3 v7 to fetch and parse the data from a GitHub gist, then stores the resulting array in React state via the `useState` and `useEffect` hooks. Each row is displayed as a colored `div` element with its background color set directly from the data, showing how D3’s data-loading functions integrate with React’s component lifecycle.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8c714bdeebca4878bc96fc7d4a408e10?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}