{"version":"1.0","type":"rich","title":"Axes with React & D3","description":"A bar chart displays the top 10 countries by 2020 population using CSS named color data. The React component manages state with `useState` and `useEffect`, loading CSV data via `d3.csv` and parsing it with a row function. D3 scales `scaleBand` and `scaleLinear` position the bars, while custom tick lines and labels render axes within an SVG. The visualization demonstrates integrating React rendering with D3 utilities for data loading and scaling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a11e0770241046b0a695bb8e5653f5ce?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}