{"version":"1.0","type":"rich","title":"Loading Data with React and D3","description":"This example shows an app that loads CSS named color data from a gist CSV file using the D3 `csv` function and displays summary statistics about the dataset in a large `<pre>` element. React's `useState` and `useEffect` hooks manage the asynchronous data loading, rendering a \"loading\" message until the data arrives. The page also contains reusable SVG face components—including a yellow background circle, eyes, and a D3 arc-based mouth—composed through React props, though the visible output simply reports the data's size in kilobytes, column count, and row count.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/59f47bc22fef4e6cb8be6af1efcec63a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}