{"version":"1.0","type":"rich","title":"Loading data with React and D3","description":"This example shows a React application that loads a CSV file of CSS named colors from a GitHub gist and displays a summary of the data as plain text. The program uses D3's `csv` utility to fetch and parse the remote data, and React's `useState` and `useEffect` hooks to manage the asynchronous loading state and update the display. Once loaded, it reports the formatted data size in kilobytes, the number of rows, and the number of columns using `d3.csvFormat` and the data's properties. The output is rendered as an SVG-less `
` element, showing the text summary within the browser.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}