{"version":"1.0","type":"rich","title":"Loading Data using d3 and React","description":"This example shows an interactive summary of the CSS Named Colors dataset, reporting the file size in kilobytes, the number of rows, and the number of columns. A large, preformatted text element displays the statistics prominently. The code loads the CSV using d3.csv, then derives the file size with `d3.csvFormat(data).length`, while also accessing the parsed data’s `length` and `columns` properties. The example additionally demonstrates an alternative approach using `fetch`, `async`, and `await` with `d3.csvParse`, though that path is commented out.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/592deb1196ae44fa8eb73c80d8742ebd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}