{"version":"1.0","type":"rich","title":"Load Data in React And D3","description":"This example demonstrates how to load and display CSV data in a React application using D3 utilities. The app fetches a dataset of CSS named colors from a GitHub gist, then uses React state to track the loaded data and render a text summary showing the number of rows, columns, and file size. The implementation combines React hooks (useState, useEffect) with D3's csv function for asynchronous data loading, and a separate message module that uses d3.csvFormat to calculate data size.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1ed3a437be9d473abc10d31177cfd2be?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}