{"version":"1.0","type":"rich","title":"Loading data in React Program","description":"This example demonstrates how to load and inspect a CSV dataset within a React application using D3 utilities. It fetches a list of CSS named colors from a GitHub gist via `d3.csv`, then displays the dataset’s row count, column count, and approximate file size in kilobytes using custom message formatting. The React component uses the `useState` and `useEffect` hooks to manage the asynchronous data loading state, showing a loading message until the data arrives. The visualization is purely textual, rendered inside a `<pre>` element, and relies on `d3.csvFormat` to calculate the data’s size.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0dee5a1059cb403d8d39ea30279ada8d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}