{"version":"1.0","type":"rich","title":"Axes with React & D3 - JAT","description":"A bar chart displays the populations of ten countries in 2020, loaded from a CSV file with D3 utilities. The example integrates React state management with D3 scales to render SVG rectangles, using `scaleBand` for the categorical y-axis and `scaleLinear` for the continuous x-axis. Data is fetched via `d3.csv`, parsed, and stored with React's `useState` and `useEffect`. The visualization updates declaratively through React's rendering, with SVG coordinates computed from D3 scale functions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e53f8300784643938f2dd847d646d712?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}