{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This visualization demonstrates the simplicity of loading external CSV data with React and D3, displaying summary statistics like file size, row count, and column count. Built with D3 v7 and React 16.9, it uses D3’s `csv` function to fetch and parse a GitHub-hosted CSS color table, then renders the result via a React `useEffect` hook. The message is computed with `d3.csvFormat` and shown in a large `<pre>` element, with a placeholder “Loading…” state before the data arrives.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bf604df0fc0e4387814412595fa0a5b5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}