{"version":"1.0","type":"rich","title":"Loading and Parsing CSV Data","description":"This example demonstrates the process of loading and parsing CSV data from a remote URL, displaying the result as a formatted summary. The visualization presents key metrics about the loaded dataset, including its size in kilobytes, the number of rows, and the number of columns. It uses React's `useState` and `useEffect` hooks to manage asynchronous data loading, while the `d3.csv` function parses the remote CSS named colors file. The message template displays the parsed data statistics using `d3.csvFormat` and accesses the data's `length` and `columns` properties.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b4f0dde5096a475fab5905b76d283af5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}