{"version":"1.0","type":"rich","title":"load data with React and D3","description":"This example demonstrates loading and parsing external CSV data using D3 within a React starter page. It fetches a remote dataset from a GitHub gist via `d3.csv`, then displays the number of rows and columns in a plain HTML `<pre>` element. The visualization updates the page’s text content asynchronously after the promise resolves. The code uses D3 v7’s `d3.csv` with a promise-based `.then` callback, while the page layout is styled with simple CSS. No explicit React components are used; instead, vanilla JavaScript manipulates the DOM directly.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/923e462ffa9942f4950e3865ce4b2335?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}