{"version":"1.0","type":"rich","title":"Fork of Loading and Parsing CSV Data","description":"This example demonstrates how to load and parse CSV data using D3 v5 in a React application. It displays the file size, row count, and column count of a CSS Named Colors dataset fetched from a GitHub gist. The code uses `d3.csv` to fetch and parse the data, then calculates metrics with `d3.csvFormat` and `data.columns.length`. An alternative approach using the Fetch API, `async/await`, and `d3.csvParse` is included as commented-out code. The results render into a large-text `<pre>` element via `textContent`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0fda9d040f254018b26c77f5cbc356b8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}