{"version":"1.0","type":"rich","title":"Loading Data in React & D3","description":"This example demonstrates how to load and summarize CSS named color data in a React application. The code uses `d3.csv` to fetch a remote CSV file, then computes the formatted data size, row count, and column count, displaying these statistics as text. React state manages the asynchronous data loading, showing “Loading...” until the data arrives. The visualization renders simple text output via SVG-less HTML, with D3 v6 handling data parsing and formatting while React 16 manages the component lifecycle.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/313df91b6c554da4936cc78321f44b83?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}