{"version":"1.0","type":"rich","title":"Loading and Parsing CSV Data","description":"This example demonstrates loading and parsing CSV data using the D3 `csv` function within a React application. It fetches a gist containing CSS named colors and renders each row as a 100x100 pixel square with its background color set to the `RGB hex value` from the data. The component initially displays a \"Loading...\" message until `setData` is called, then maps over the parsed array to create the color swatches. The code uses React hooks (`useState`, `useEffect`) and imports `csv` from `d3`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/220fc1ada0034e31b7fdbeb395d5b0a8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}