{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"A horizontal bar chart shows the top 10 countries by 2019 population, ranked by number of units or items purchased. The visualization is rendered as an SVG using React with D3, leveraging `d3.csv` for data loading, `d3.scaleBand` for the y-axis, `d3.scaleLinear` for the x-axis, and `d3.max` to determine the domain. Each bar’s length encodes the population value, with axis ticks and labels generated via D3’s scale methods. The code fetches data from a Gist URL and uses React’s `useState` and `useEffect` to manage the asynchronous data loading.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/99d5f7e9016a420ab961a452570be64d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}