{"version":"1.0","type":"rich","title":"Loading data with React & D3","description":"This example uses React and D3 to display a summary of a CSS named colors dataset. It loads the data asynchronously from a remote CSV file using `d3.csv`, then renders a simple text message showing the number of rows, columns, and approximate file size in kilobytes. The React component manages the data fetching state with `useState` and `useEffect`, displaying \"Loading...\" until the data arrives, and formats the result with `d3.csvFormat`. The output is presented as SVG-formatted text within a `<pre>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1e37e9f07b8244249e2bce7c742d84ec?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}