{"version":"1.0","type":"rich","title":"Fork of Loading and Parsing CSV Data","description":"This example visualizes CSS named colors as a grid of circles, where clicking any circle displays its corresponding hex value above the SVG. The data is loaded asynchronously from a GitHub-hosted CSV file using the `d3.csv` function within React's `useEffect` hook. Rendering is handled through React components that generate SVG circles, with interaction managed via callback handlers like `handleMouseOver` and `onClick`. The visualization also displays data statistics, including file size, row count, and column count, computed using `d3.csvFormat`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7ecbd0d5dba14db2b827cc3afc037e89?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}