{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This example renders a horizontal bar chart of the top 10 most populous countries in 2019. It uses React to manage the component state and render the SVG, while D3 is used for data loading with `csv` and for constructing the scales, including `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. The chart displays axis ticks and labels generated from the D3 scale domains, alongside rect marks whose widths encode each country's population. Data is fetched from a CSV file hosted on GitHub.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cf3821f7c2404b8b9d1ecbc24e86b32f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}