{"version":"1.0","type":"rich","title":"Refactoring bar chart","description":"This bar chart displays the population of the top 10 countries for 2020, using a horizontal layout with country names on the y-axis and population values on the x-axis. It loads CSV data with D3 utilities and renders the visualization with React, creating SVG rect marks for the bars. The code builds custom XAxis and YAxis components from d3 scales (scaleBand, scaleLinear), and uses d3.max to compute the domain. All marks, axes, and labels are rendered as React components, with data fetched asynchronously and displayed after a loading state.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6c5df29279684d67a8452d2ee812f64e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}