{"version":"1.0","type":"rich","title":"Loading data with react and d3","description":"This example shows a stylized face built from SVG shapes, with a loading message that reports the size, column count, and row count of a remote CSV dataset. The face includes gradient-filled eyes, an arc-based mouth, and a specular lighting filter, all rendered through React components. Data is fetched asynchronously using `d3.csv` inside a `useEffect` hook, and the loading summary is computed with `d3.csvFormat` and displayed in a `<pre>` element. The visualization demonstrates integrating D3’s data-loading and formatting utilities with React state and SVG rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a60cc895ebea476ba107f956b8e7f918?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}