{"version":"1.0","type":"rich","title":"Bar Chart with Axis","description":"This example displays a horizontal bar chart showing population data for 15 countries, with a categorical y-axis for country names and a linear x-axis for population values. The chart is built with React state management, using the `useState` and `useEffect` hooks to asynchronously load CSV data via `d3.csv`. D3 scales (`scaleBand` and `scaleLinear`) map data to SVG coordinates, while custom text and line elements render the tick marks and gridlines. The SVG rendering approach is chosen over Canvas, with margins and inner dimensions calculated manually.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/695f90ea9a6949e9b0a51f867c443a69?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}