{"version":"1.0","type":"rich","title":"Loading and Parsing CSV Data","description":"This example demonstrates how to load and parse CSV data using D3.js, displaying the file size, row count, and column count of the dataset. It uses `d3.csv` to fetch and parse the local `beijing.csv` file, which contains air quality measurements. The parsed data is then processed with `d3.csvFormat` to calculate the size, while `data.length` and `data.columns.length` provide the row and column counts. The result is displayed as large text in a `<pre>` element, highlighting the simplicity of D3’s data-loading API. An alternative approach using `fetch` and `d3.csvParse` is also included as commented code.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8b4591737ebc4f0c9f3bc371686ba52d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}