{"version":"1.0","type":"rich","title":"Refactored Bar Chart","description":"This example is a horizontal bar chart showing the populations of ten countries, derived from the 2020 column of a UN Population dataset loaded as CSV. It displays the data using SVG `<rect>` marks positioned by a d3 scaleBand for countries on the y-axis and a d3 scaleLinear for population on the x-axis, with axes rendered as custom React components. The chart is built with React and d3 v6, separating data loading in a `useData` hook and using functional components like `AxisBottom`, `AxisLeft`, and `Marks` to create a clean, refactored implementation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/64da355f938740d5a57419eaf29c09c8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}