{"version":"1.0","type":"rich","title":"Refactoring a Bar Chart","description":"This example refactors a bar chart into modular React components, displaying the populations of the top ten countries from UN Population 2019 data. The visualization uses SVG rendering, with separate components for the bottom and left axes, and marks for the bars. D3’s `scaleBand` and `scaleLinear` handle the axis scales, while React hooks (`useState`, `useEffect`) manage the asynchronous loading of the CSV data via D3’s `csv` utility.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/035dc1cc443f45f3950687f3fcdb6598?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}