{"version":"1.0","type":"rich","title":"Loading data with React","description":"This example demonstrates how React state manages data loaded asynchronously with D3 utilities. A bar chart displays quantitative values with axes, using D3's `scaleLinear` for positioning and `axisBottom` for tick labels. The visualization renders SVG elements generated through React components, with hover interactions highlighting individual bars. Data originates from a CSV file fetched via `d3.csv`, and the loaded dataset populates the chart after a state update triggers re-rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e9bfffe11d7147d2bcca81bd742520fe?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}