{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This example shows a horizontal bar chart of the top 10 most populous countries, using React for component rendering and D3 for data loading and scales. The code loads CSV data via `d3.csv`, maps it with a custom row function, and visualizes it as SVG rectangles whose widths are scaled by population using `scaleLinear`, while `scaleBand` positions the bars. Tick marks and labels are generated manually from the scales, and the chart is rendered into a React component using `ReactDOM.render`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4146e6ead73040ac946fa3be208d4db2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}