{"version":"1.0","type":"rich","title":"Loading and Parsing CSV Data","description":"This example demonstrates loading and parsing CSV data with D3 v7 in a React framework. It fetches a CSV file of CSS named colors from a GitHub gist and displays summary statistics—file size in kilobytes, row count, and column count—in a large text element. The code uses `d3.csv` for asynchronous loading and parsing, then `d3.csvFormat` to calculate byte length, and accesses `data.length` and `data.columns.length` for row and column totals. An alternative commented approach shows fetching text with the Fetch API and parsing via `d3.csvParse`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/120936d43b40452384d1c3fde5fdfd95?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}