{"version":"1.0","type":"rich","title":"Visualizing D3 and React","description":"This example demonstrates how to load and parse CSV data in a D3 and React application. It fetches a dataset of CSS named colors from a remote URL using the `fetch` API with async/await, then parses the raw text with `d3.csvParse`. The visualization displays summary statistics about the dataset—file size in kilobytes, row count, and column count—as large text in a `<pre>` element. The code highlights the contrast between the commented-out `d3.csv` approach and the manual `fetch`-based method.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f8ab606aeda14e1786ba2f17dc4e162f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}